비디오: Lessons from maintaining Mocha, an open source project | Jeonghoon Byun | JSConf Korea 2019(eng sub) 2024
훌륭한 검색 엔진 결과를 얻는 웹 사이트의 소스 코드를 살펴보면 자신이 옳은 일을 정확히하고 자신의 웹 사이트에 이러한 최상의 방법을 어떻게 적용 할 수 있는지 배우게됩니다.
예를 들어, 페이지가 모범 사례 규칙을 모두 위반하는 것으로 보이지만 어쨌든 순위가 좋을 수도 있습니다. 그런 경우 페이지를 가리키는 많은 백 링크가 있음을 발견 할 수 있습니다. 다른 한편으로는, 당신은 많은 것을 배울 수있는 매우 서구 잘 아는 경쟁자를 발견 할 수 있습니다.
보기 메뉴에서 소스 또는 페이지 소스를 선택하십시오 (브라우저에 따라 다름).-
소스 코드를 살펴보면, 소스 코드가 많을수록 실제 내용이 희박해질 수 있음을 명심하십시오. 좋은 검색 엔진 순위를 얻으려면 웹 페이지에 가능한 한 깨끗한 콘텐츠가 있어야합니다. HTML, 스크립트 및 코딩이 너무 많으면 페이지 로딩 시간이 늘어나고 검색 엔진 스파이더가 생기게되며, 가장 중요한 것은 키워드 내용을 희석하고 순위를 낮출 수 있습니다. 웹 마스터는이 원칙에 동의하지 않을 수 있지만, SEO 관점에서 보았을 때 웹 페이지는 가늘고 의미가있는 콘텐츠가 풍부한 기계 여야합니다. 경쟁자가 올바르게 작업하고 있는지 확인하고 싶습니까? 다음 유형의 모범 사례를 찾으십시오.
-
CSS (Cascading Style Sheet) 파일을 사용하여 텍스트와 이미지의 형식을 제어하십시오. 스타일 시트를 사용하면 텍스트를 복잡하게 만드는 글꼴 태그가 제거됩니다. 외부 파일에있는 CSS를 사용하면 웹 페이지의 상단 섹션을 막히고 모든 것을 느리게 할 수있는 HTML 코드의 전체 블록을 없앨 수 있습니다 (특히 검색 엔진). 자바 스크립트 코드는 외부 자바 스크립트 파일의 페이지에서도 벗어나야합니다 (동일한 깔끔한 이유로).
-
-
당신은이 웹 페이지가 어떻게 결합되어 있는지 느끼고 싶습니다.
Doctype:
-
맨 위에 Doctype을 표시합니까? 그렇다면 Doctype은 W3C 표준으로 검증합니까? 제목, 설명, 키워드:
-
헤드 섹션 (헤드 태그 시작과 닫기 사이)을 자세히 살펴보십시오. 제목, 메타 설명 및 메타 키워드가 포함되어 있습니까? 태그가 어떻게 정렬되어 있는지 확인하십시오. SEO를위한 최상의 방법은 제목, 설명, 키워드 순서로 표시합니다.경쟁자의 페이지가 그렇게합니까? 기타 메타 태그:
-
헤드 섹션에서 추가 메타 태그 ("revisit after"는 널리 사용되지 않으며 완전히 쓸모없는 태그입니다)에 주목하십시오. 웹 마스터는 모든 종류의 창조적 인 메타 태그를 만들 수 있습니다. 때로는 페이지 코드를 확장하는 비용보다 중요한 이유가 있습니다. 그러나 경쟁 업체의 페이지에 100 개의 다른 메타 태그가 있다는 것을 알게된다면, 그들은 당신이 SEO에 대해 많이 알지 못한다는 것을 확신 할 수 있습니다. 표제 태그:
-
검색 엔진은 H1, H2, H3 등과 같은 표제 태그를 찾아 페이지의 내용을 확인합니다. 사이트가 가장 중요한 개념을 표제처럼 보이게한다고 가정하면 이러한 표제 태그가 검색 엔진이 페이지의 키워드를 결정하는 데 도움이됩니다. 경쟁 업체가 이러한 태그를 사용하는지 여부 및 방법을 확인하십시오. 글꼴 태그, JavaScript, CSS:
-
위의 글 머리 기호에서 언급했듯이 이러한 것들이 코드에 나타나면 페이지의 무게가 줄어들고 SEO 친화적이지 않습니다. 그것이 당신이 생각한 것보다 더 쉽게 끝날 수도 있습니다.