소셜 미디어 경쟁 웹 사이트에서 소스 코드를 분석하는 방법 - 보면 더미

경쟁 웹 사이트에서 소스 코드를 분석하는 방법 - 보면 더미

비디오: Lessons from maintaining Mocha, an open source project | Jeonghoon Byun | JSConf Korea 2019(eng sub) 2024

비디오: Lessons from maintaining Mocha, an open source project | Jeonghoon Byun | JSConf Korea 2019(eng sub) 2024
Anonim

훌륭한 검색 엔진 결과를 얻는 웹 사이트의 소스 코드를 살펴보면 자신이 옳은 일을 정확히하고 자신의 웹 사이트에 이러한 최상의 방법을 어떻게 적용 할 수 있는지 배우게됩니다.

예를 들어, 페이지가 모범 사례 규칙을 모두 위반하는 것으로 보이지만 어쨌든 순위가 좋을 수도 있습니다. 그런 경우 페이지를 가리키는 많은 백 링크가 있음을 발견 할 수 있습니다. 다른 한편으로는, 당신은 많은 것을 배울 수있는 매우 서구 잘 아는 경쟁자를 발견 할 수 있습니다.

보기 메뉴에서 소스 또는 페이지 소스를 선택하십시오 (브라우저에 따라 다름).

  1. 소스 코드를 살펴보면, 소스 코드가 많을수록 실제 내용이 희박해질 수 있음을 명심하십시오. 좋은 검색 엔진 순위를 얻으려면 웹 페이지에 가능한 한 깨끗한 콘텐츠가 있어야합니다. HTML, 스크립트 및 코딩이 너무 많으면 페이지 로딩 시간이 늘어나고 검색 엔진 스파이더가 생기게되며, 가장 중요한 것은 키워드 내용을 희석하고 순위를 낮출 수 있습니다. 웹 마스터는이 원칙에 동의하지 않을 수 있지만, SEO 관점에서 보았을 때 웹 페이지는 가늘고 의미가있는 콘텐츠가 풍부한 기계 여야합니다. 경쟁자가 올바르게 작업하고 있는지 확인하고 싶습니까? 다음 유형의 모범 사례를 찾으십시오.

외부
  • CSS (Cascading Style Sheet) 파일을 사용하여 텍스트와 이미지의 형식을 제어하십시오. 스타일 시트를 사용하면 텍스트를 복잡하게 만드는 글꼴 태그가 제거됩니다. 외부 파일에있는 CSS를 사용하면 웹 페이지의 상단 섹션을 막히고 모든 것을 느리게 할 수있는 HTML 코드의 전체 블록을 없앨 수 있습니다 (특히 검색 엔진). 자바 스크립트 코드는 외부 자바 스크립트 파일의 페이지에서도 벗어나야합니다 (동일한 깔끔한 이유로).

  • 처음 100 줄에 고기를 얻으십시오. 실제 텍스트 내용 (사용자가 본문 섹션에서 읽는 부분)은 페이지 코드에서 너무 멀리 떨어져 있으면 안됩니다. 전반적으로 사용자가 볼 수있는 첫 번째 텍스트 위에 코드를 제한하는 것이 좋습니다.
  • 당신은이 웹 페이지가 어떻게 결합되어 있는지 느끼고 싶습니다.

Doctype:

  • 맨 위에 Doctype을 표시합니까? 그렇다면 Doctype은 W3C 표준으로 검증합니까? 제목, 설명, 키워드:

  • 헤드 섹션 (헤드 태그 시작과 닫기 사이)을 자세히 살펴보십시오. 제목, 메타 설명 및 메타 키워드가 포함되어 있습니까? 태그가 어떻게 정렬되어 있는지 확인하십시오. SEO를위한 최상의 방법은 제목, 설명, 키워드 순서로 표시합니다.경쟁자의 페이지가 그렇게합니까? 기타 메타 태그:

  • 헤드 섹션에서 추가 메타 태그 ("revisit after"는 널리 사용되지 않으며 완전히 쓸모없는 태그입니다)에 주목하십시오. 웹 마스터는 모든 종류의 창조적 인 메타 태그를 만들 수 있습니다. 때로는 페이지 코드를 확장하는 비용보다 중요한 이유가 있습니다. 그러나 경쟁 업체의 페이지에 100 개의 다른 메타 태그가 있다는 것을 알게된다면, 그들은 당신이 SEO에 대해 많이 알지 못한다는 것을 확신 할 수 있습니다. 표제 태그:

  • 검색 엔진은 H1, H2, H3 등과 같은 표제 태그를 찾아 페이지의 내용을 확인합니다. 사이트가 가장 중요한 개념을 표제처럼 보이게한다고 가정하면 이러한 표제 태그가 검색 엔진이 페이지의 키워드를 결정하는 데 도움이됩니다. 경쟁 업체가 이러한 태그를 사용하는지 여부 및 방법을 확인하십시오. 글꼴 태그, JavaScript, CSS:

  • 위의 글 머리 기호에서 언급했듯이 이러한 것들이 코드에 나타나면 페이지의 무게가 줄어들고 SEO 친화적이지 않습니다. 그것이 당신이 생각한 것보다 더 쉽게 끝날 수도 있습니다.

경쟁 웹 사이트에서 소스 코드를 분석하는 방법 - 보면 더미

편집자의 선택

계획하기 - 인형

계획하기 - 인형

학습 계획 PHR 또는 SPHR 시험을 준비하는 데 사용할 수있는 도구입니다. 따라서 귀하의 학습 계획이 귀하의 필요에 맞게 이루어지기를 바랍니다. 고려해야 할 사항은 시험 날짜, 공부에 바칠 수있는 시간, 귀하의 구체적인 강점 및 목표를 포함해야합니다.

PHR / SPHR 시험을 치러야합니까? - 인형

PHR / SPHR 시험을 치러야합니까? - 인형

일부 유명한 이론가들은 시험을 치러야하거나 마지막 순간 (시험 전주 또는 밤)까지 공부를 연기하는 것은 쓸모 없다고 말합니다. 단기 기억력 증가는 종종 다른 곳에 정보가 손실되는 것을 희생합니다. 왜냐하면 심야 학습이 정상적인 수면 패턴을 위반하는 경우 특히 그렇습니다. 왜냐하면 ...

편집자의 선택

Squarespace에서 웹 사이트의 색상을 변경하는 방법 - 인형

Squarespace에서 웹 사이트의 색상을 변경하는 방법 - 인형

디자인 응용 프로그램을 사용하면 컬러 휠에서 색상을 선택할 수 있으므로 Squarespace의 스타일 편집기에서 색상을 선택하면 집에서 편안하게 느낄 수 있습니다. 그러나 컬러 휠을 한번도 본 적이 없다면 사용하기 쉽기 때문에 걱정하지 마십시오. 바퀴에서 색상을 선택하는 방법 색상을 변경하려면 ...

Squarespace에서 적절한 크기와 가치를 선택하는 방법 - 인형

Squarespace에서 적절한 크기와 가치를 선택하는 방법 - 인형

귀하의 웹 사이트의 너비와 Squarespace의 텍스트 및 이미지의 크기에 따라 작업 할 무제한 캔버스가있는 것처럼 느낄 수 있습니다. 어떤면에서 이것이 사실이지만, Squarespace는 웹 사이트의 경계를 기본 크기로 설정하는 좋은 일을합니다.

Squarespace에서 상점 설정을 조정하는 방법 - 인형

Squarespace에서 상점 설정을 조정하는 방법 - 인형

사이트 관리자 → 상거래 → 점포 설정으로 이동하면 화면 상단에 상점이 작동하지 않음을 나타내는 큰 노란색 상자가 나타납니다. 스토어를 판매하려면 스토어를 사이트에서 지불을 수락하는 데 사용되는 지불 처리 서비스 인 Stripe에 연결해야합니다. ...

편집자의 선택

이 코드 및 Minecraft - 더미

이 코드 및 Minecraft - 더미

로 무작위 인 경우 > 은 임의로 지정되며 Minecraft에서 코드를 작성할 때 임의의 정수를 사용하여 코드는 임의의 방식으로 동작합니다. 정수는 숫자입니다. LearnToMod의 임의의 정수 수학 블록은 코드가 실행될 때마다 두 숫자 (예 : 1과 10) 사이의 임의의 숫자를 선택합니다. Minecraft에서 정수 사용하기. The ...

Minecraft Minigame - dummy

Minecraft Minigame - dummy

를 디자인하면 게임을 디자인해야합니다. Gameplay Loop는 게임을 재미 있고 도전적이며 완벽하게 진행할 수있는 간단한 과정입니다. Gameplay Loop에는 네 부분으로 구성되어 있습니다. 시작 : 기본 장면을 만듭니다. 목표 : 이기기위한 방법을 추가하고 ...

Minecraft에서 물과 얼음 효과를 창조하기 - 더미

Minecraft에서 물과 얼음 효과를 창조하기 - 더미

일부 실제 물리학이 게임 내에서 작동한다는 것입니다. 예를 들어, 물을 가지고 얼음을 넣으면 얼어 붙습니다! 좋아요, 현실 세계에서 얼음을 첨가해도 물이 얼지 않을 수도 있지만 더 추워집니다. 당신은 이것을 확인하실 수 있습니다 ...