웹페이지 제작 시 표준화된 HTML 코드 사용에 관한 몇 가지 사항_HTML/Xhtml_웹페이지 제작

많은 웹사이트 디자이너들이 저지르는 가장 흔한 실수는 IE에서 웹페이지가 정상적으로 표시될 수 있는데도 코드가 정확하다고 가정하는 것입니다. 심지어 웹사이트 순위가 이상적이지 않다고 불평하는 사람들도 많습니다. 웹사이트를 살펴보시면 HTML 코드에 다양한 오류가 있다는 것을 알 수 있습니다. 이러한 코드를 기반으로 웹사이트를 최적화하기 위해 아무리 노력해도 결과가 헛될 수 있습니다!
사실 IE는 HTML 코드에 대한 내결함성이 매우 높은 브라우저입니다. 참고로 Microsoft를 공격할 수 있는 이유는 다양하지만 Microsoft의 제품 운영은 접근성 측면에서 매우 엄격합니다. 그리고 유용성은 무시할 수 없습니다. ——IE에서 웹페이지가 정상적으로 표시된다는 것은 해당 페이지의 HTML 코드에 문제가 없다는 의미는 아니며, 이는 다양한 환경에서도 웹페이지가 정상적으로 표시된다는 의미까지 확장될 수 있습니다. 이는 HTML 코드가 완전히 합법적이고 유효하다는 것을 의미하지는 않습니다. 결국 모든 브라우저는 기본적인 내결함성 기능을 보장해야 합니다. 그렇지 않으면 네트워크의 문제로 인해 HTML 페이지가 제대로 표시되지 않는 일이 발생합니다. 이는 네트워크 대역폭이 여전히 부족한 오늘날에도 자주 발생합니다.
적법하고 유효한 HTML 코드란 무엇입니까
간단히 말해서 우리 웹 페이지는 HTML(Hypertext Markup Language: Hypertext Markup Language) 요소로 구성됩니다. ASP 및 PHP와 같은 동적 페이지의 경우에도 ASP 또는 PHP 문은 해당 HTML 요소로 렌더링되며 JavaScript 등의 경우 클라이언트에 다운로드하면 클라이언트가 이를 HTML로 변환합니다.
다른 언어와 마찬가지로 HTML에도 자체 구문 규칙이 있습니다. 브라우저와 검색 엔진 스파이더 모두 이러한 규칙을 기반으로 웹 페이지 코드의 콘텐츠를 분석합니다. 그러나 대부분의 WYSIWYG 편집기로 인해 발생하는 중복되고 부풀어오르는 HTML 문제는 말할 것도 없고, 숙련된 사람이라 할지라도 HTML 페이지를 작성할 때 일부 HTML 코드 오류가 발생하는 것은 불가피한 경우가 많습니다.
페이지에 HTML 표준 구문 사양을 위반하는 구성 요소가 없으면 합법적이고 유효한 HTML 코드라고 할 수 있습니다.
SEO에 있어 적법하고 유효한 HTML 코드의 중요성
검색 엔진이 웹 페이지를 포함하려면 - 이를 바탕으로만 웹 사이트 최적화 및 웹 사이트 홍보에 대해 이야기할 수 있습니다. 전제는 검색 엔진의 스파이더가 웹 파일을 읽을 수 있다는 것입니다. 검색 엔진 스파이더가 웹 페이지를 읽는 기본은 HTML 사양입니다. 스파이더는 HTML 코드를 분석하여 웹 페이지의 내용을 판단할 수 있으며, 이를 기반으로 해당 키워드의 관련성을 판단할 수 있습니다.
분명히 짚고 넘어가야 할 점은 검색 엔진 스파이더는 브라우저에 비해 내결함성이 훨씬 나쁘다는 점에서 브라우저와 다르다는 점입니다. 페이지 코드에 해석할 수 없는 HTML 코드가 있는 경우 오류가 발생할 수 있습니다. 페이지 읽기를 중지하세요. 페이지가 사이트 내에서 크롤링을 중지할 수도 있고, 더 심각한 오류로 인해 사이트 내 다른 페이지의 콘텐츠에 대해 수집한 정보도 삭제될 수도 있습니다.
현재 주요 검색 엔진은 HTML 코드에 일반적인 오류가 발생할 경우 콘텐츠 수집에 영향을 미치지 않도록 Spider의 내결함성을 개선하기 위해 최선을 다하고 있습니다. 그러나 닫는 태그가 누락되어 전체 페이지의 내용이 무시되는 경우가 여전히 많이 발생합니다.
반면에 합법적이고 유효한 HTML은 웹 페이지가 여러 브라우저에서 올바르게 해석될 수 있도록 보장하여 동일한 페이지가 IE에서는 정상적으로 표시되지만 Mozilla에서는 심하게 변형되는 상황을 피할 수 있습니다(물론 완전히 피함) 이는 웹사이트의 유용성을 향상시키는 데에도 큰 이점이 됩니다.
HTML 코드의 합법성과 유효성을 어떻게 확인하나요?
웹 페이지 코드가 합법적이고 유효한지 확인하는 데 도움이 되는 유사한 무료 서비스가 인터넷에 많이 있습니다. 가장 유명한 서비스는 W3C(World Wide Web Consortium)에서 공식 출시한 무료 서비스인 W3C HTML Validator입니다. : World Wide Web Alliance) 페이지에서 확인할 HTML 주소를 입력하거나 로컬 컴퓨터에 HTML 파일을 업로드하기만 하면 확인 결과가 올바른지, 오류가 무엇인지 빠르게 반환됩니다. 이를 개선하는 방법 등
동시에 W3C HTML Validator는 CSS 파일에 대한 검증 서비스도 제공합니다.
W3C 인증을 통과해야 하나요?
이 질문에 대한 대답은 그리 절대적이지 않습니다.
이론적으로 합법적인 HTML 코드를 사용하면 검색 엔진 스파이더가 웹사이트 페이지에서 콘텐츠 정보를 더 쉽게 수집할 수 있습니다. 그러나 반면에 모든 HTML 코드 오류가 Spider의 크롤링에 영향을 미치는 것은 아닙니다. 즉, HTML의 소수의 오류는 Spider에서 허용됩니다.
반면에 Mark Daoust의 테스트에서처럼 (확실한 결론은 없이) 소수의 HTML 코드 오류가 있으면 Google 페이지 순위에 더 큰 이점이 있을 것임을 암시하기도 합니다. 이것은 매우 논란의 여지가 있지만 적어도 몇 가지 HTML 코드 오류의 존재가 SERP의 웹 페이지 순위에 영향을 미치지 않는다는 것을 증명합니다.
제 개인적인 관점으로는 HTML에 상대적으로 익숙하지 않다면 W3C 검증을 100% 통과해야 한다고 고집할 필요는 없습니다. 결국 자신이 실제로 작업해야 할 방향에 더 많은 시간과 에너지를 쏟는 것이 기본이기 때문입니다. 콘텐츠 및 링크 작성 등 HTML 코드에 크고 심각한 오류가 없는지 확인하십시오. 물론 HTML 언어에 능숙하다면 그것이 완전히 올바른지 확인하기 위해 약간의 노력을 기울이는 것은 어떨까요? 그러므로 우리가 해야 할 일은 꼭 W3C 인증을 통과해야 하는 것은 아니지만, 적어도 다양한 브라우저에서 정상적으로 표시되는지, 검색엔진 스파이더가 정상적으로 분석할 수 있는지는 보장해야 한다.
HTML 코드 효율성 향상
앞서 우리는 많은 WYSIWYG 편집자들로 인해 발생하는 중복되고 비대한 HTML 문제에 대해 언급했습니다. 이러한 상황은 많은 중국 웹사이트에서 흔히 발생합니다. FrontPage 및 Dreamweaver와 같은 WYSIWYG 편집기는 특히 웹 페이지를 수정할 때 불필요한 중복 코드를 많이 생성하는 경우가 많습니다. 페이지의 HTML 파일에 중복된 코드가 많이 포함되어 있으면 파일이 부풀어 오르게 됩니다. 이는 웹 페이지의 열기 속도를 저하시키고 웹 페이지의 효율성을 저하시킬 뿐만 아니라 검색 엔진 순위에도 심각한 영향을 미칩니다. 해당 웹페이지의.
개인적으로는 W3C 인증 통과에 힘을 쏟기보다는 깔끔하고 간결한 코드를 만들기 위해 CSS 도입 등 코드 간소화에 더 힘을 쏟는 것이 낫다고 개인적으로 생각합니다. 이러한 최적화 효과는 더욱 분명해질 것입니다.