웹 및 SEO 개발자를 위한 궁극적인 SEO 치트 시트

게시 됨: 2022-05-13

SEO에는 메타 태그, 헤더, 키워드 및 페이지 로드 속도와 같이 움직이는 부분이 많습니다. 그러나 이러한 온페이지 검색 엔진 최적화 요소를 구현하기 위한 계획이 있을 수 있지만 더 광범위한 기술 변경을 구현하려면 웹 개발자가 필요할 수 있습니다.

성공적인 SEO 캠페인은 마케팅과 웹 개발 간의 협업입니다.

그러나 모든 사람이 같은 페이지에 있지 않으면 결과를 이끌어내는 것이 답답할 수 있습니다. 이 SEO 치트 시트는 검색 엔진이 귀하의 사이트를 더 쉽게 읽고 색인을 생성할 수 있도록 하는 필수 페이지 SEO 관행을 요약합니다. 웹 및 SEO 개발자는 이 가이드를 참조하고 이러한 사례를 교차 기능 워크플로에 통합하여 사이트 성능 과 사용자 경험을 개선할 수 있습니다. 당사의 SEO 치트 시트는 우선 순위를 정해야 하는 검색 엔진 최적화 전술과 그 이유를 강조하여 귀하의 노력을 간소화하므로 각 팀을 지원하는 전략을 구현할 수 있습니다.

SEO 치트 시트

웹 개발자는 일반적으로 동료가 사이트 성능을 모니터링하고 유기적 검색 엔진 트래픽, 이탈률 및 페이지 로드 시간과 같은 지표를 추적할 때 SEO 및 웹 개발 요청을 조금씩 받습니다. 그러나 웹 팀의 책임 범위는 기술적인 SEO를 넘어 확장됩니다. 페이지 속도 확인 또는 URL 리디렉션과 같은 작업은 종종 Google 순위를 향상하거나 회사 목표를 지원하기 위해 이러한 전술이 필요한 이유를 설명하지 않고 웹 개발자에게 할당됩니다.

고맙게도 웹 개발과 SEO는 함께 갈 수 있습니다. 이 7가지 페이지 SEO 전략에 집중하여 원하는 키워드의 순위를 높일 수 있는 기회를 높이십시오.

1. 사이트 속도

Google에 따르면 웹 페이지의 로드 시간이 1초에서 3초로 증가하면 방문자가 검색 결과로 되돌아갈 가능성이 32% 더 높아집니다. 페이지 속도는 순위 요소이기도 하므로 단순한 UX 문제 그 이상입니다.

Google의 PageSpeed Insights를 사용하여 데스크톱 및 모바일에서 사이트의 성능을 확인하십시오. 개선이 필요한 요소에 대한 피드백을 제공합니다.

2. 모바일 친화적인 웹 디자인

Google은 2019년에 모바일 우선 인덱싱을 출시하여 기기와 상관없이 SERP에서 모바일 친화적인 웹사이트에 우선 순위를 부여했습니다. Google의 모바일 친화성 테스트 도구를 사용하여 사이트가 휴대기기에 어떻게 표시되는지 테스트하고 웹 디자이너와 필요한 변경 사항에 대해 논의하세요. 이 도구는 페이지가 다음과 같은 사용성 문제를 표시하고 플래그를 지정하는 방법에 대한 스냅샷을 제공합니다.

호환되지 않는 플러그인
읽을 수 없는 텍스트
화면보다 넓은 콘텐츠
너무 가까운 링크

3. HTTP 상태 코드

깨진 링크와 오류 메시지는 사용자 경험을 저하시키고 검색 엔진이 웹사이트를 크롤링하고 색인을 생성하는 것을 어렵게 만듭니다. HTTP 상태 코드를 모니터링하여 문제를 빠르게 진단하고 수정합니다. 그렇지 않으면 4xx 코드(429 제외)를 반환하는 페이지는 색인이 생성되지 않으며 429, 500 및 503 HTTP 상태 코드가 자주 발생하면 크롤링 속도가 감소합니다.

기술 SEO 감사의 일환으로 Google Search Console에서 색인 범위 보고서를 실행하세요. 크롤링 오류를 식별하고 제어할 수 있는 오류를 해결합니다. 이 데이터를 사이트 개선 계획에 넣습니다.

HTTP 상태 코드	의미
200	페이지가 정상적으로 로드되고 있습니다.
301	영구 리디렉션; 페이지 권한이 리디렉션 페이지에서 새 페이지로 전달되고 새 페이지는 결국 이전 페이지 대신 SERP에 표시됩니다.
302	임시 리디렉션 단기 리디렉션에만 사용합니다.
404	페이지를 찾을 수 없습니다. 사이트맵에서 페이지가 제거되었는지 확인하고 모든 내부 링크를 제거하거나 리디렉션합니다. 검색 엔진은 페이지의 색인을 해제합니다.
410	페이지가 영구적으로 제거되었습니다. 사이트맵에서 페이지가 제거되었는지 확인하고 모든 내부 링크를 제거하거나 리디렉션합니다. 검색 엔진은 페이지의 색인을 해제합니다.
429	요청이 너무 많습니다. 서버 또는 애플리케이션 오류입니다. 오류가 정기적으로 발생하면 검색 엔진이 크롤링 속도를 줄일 수 있습니다.
500	인터넷 서버 오류. 오류가 정기적으로 발생하면 검색 엔진이 크롤링 속도를 줄일 수 있습니다.
503	서버를 사용할 수 없습니다. 오류가 정기적으로 발생하면 검색 엔진이 크롤링 속도를 줄일 수 있습니다.

4. 중요한 HTML 요소

HTML 요소는 검색 크롤러가 콘텐츠를 이해하는 데 중요한 역할을 하며 검색 가시성에 영향을 줄 수 있습니다. HTML 요소를 정기적으로 감사하고 필요에 따라 검색을 최적화합니다. 특히 다음 사항에 주의하십시오.

페이지 제목 태그

이는 페이지 URL 바로 위의 SERP 목록에 나타납니다. 클릭을 유도할 수 있도록 명확하고 매력적이며 간결해야 합니다.

헤더 태그

헤더 태그를 사용하여 페이지의 정보 계층을 정의합니다. H1 태그는 기사의 주요 제목이며 SEO에서 가장 중요한 헤더 태그입니다. H2 ~ H6 태그는 주제 및 하위 주제를 나타내는 데 사용됩니다.

메타 설명

메타 설명은 페이지에 대한 통찰력을 제공하여 클릭률을 높이는 데 도움이 됩니다. 검색 엔진 결과 페이지의 페이지 제목 아래에 나타납니다. 좋은 메타 설명에는 키워드와 검색자가 귀하의 페이지를 방문하고 싶게 만드는 클릭 유도문안이 포함됩니다.

이미지

이미지 대체 태그를 사용하여 이미지의 내용을 설명합니다. 사이트 접근성의 필수적인 부분일 뿐만 아니라 관련 키워드를 포함하는 alt 태그는 페이지 내 검색 엔진 최적화를 향상시킵니다. 이미지는 더 빨리 로드할 수 있도록 압축하고 크기를 적절하게 조정해야 합니다.

표준 태그

표준 태그를 사용하여 중복 콘텐츠 문제를 해결하고 필요한 경우 검색 엔진이 페이지의 마스터 버전을 가리키도록 합니다. 아래에서 자세히 알아보십시오.

권장 읽을거리

최고의 페이지 제목을 작성하는 방법
검색을 위해 헤더를 최적화하는 방법
메타 설명을 최적화하는 방법
대체 텍스트 모범 사례
표준 URL 태그

5. 사이트 및 페이지 구조

사이트의 순위를 지정하려면 Googlebot이 사이트 구성 방식과 여러 섹션 간의 관계를 이해해야 합니다. 정보가 흐르는 방식과 페이지가 서로 관련되는 방식에 대한 논리를 보여주는 사이트 계층 구조를 구현합니다. 사용자와 검색 봇이 올바른 콘텐츠를 찾는 데 도움이 되도록 아래 요소에 집중하세요.

HTML 구조

HTML 표제 태그(H1~H6)를 사용하여 각 페이지를 구성하고 정보 계층을 명확하게 표시합니다. <div>, <section> 또는 <footer>와 같은 태그를 사용하여 콘텐츠를 블록으로 더 세분화합니다.

기사 시작 부분에 목차를 포함하거나 해당 섹션에 대한 링크와 함께 사이드바에 포함하여 독자와 검색 엔진 모두에 대한 페이지의 가독성을 높입니다. 이렇게 하면 사용자가 페이지를 보다 쉽게 탐색할 수 있고 검색 엔진이 페이지의 콘텐츠를 이해할 수 있습니다.

URL 구조

URL은 검색 봇에게 페이지가 무엇인지 알려줄 수 있습니다. 예를 들어, 아래 링크는 페이지 내 SEO에 대한 Victorious 블로그의 카테고리 페이지에 대한 링크임이 분명합니다.

https://victoriousseo.com/blog/category/on-page-seo/

일반적으로 URL에는 일관된 구조를 사용하십시오. 순위를 매길 키워드를 포함하고 짧고 단순하며 설명적인 키워드로 유지하십시오. 난수나 전문 용어를 피하고 명확성을 위해 하이픈을 사용하여 단어를 구분합니다.

리디렉션

리디렉션은 페이지가 이동, 제거 또는 결합될 때 사용자와 검색 엔진 크롤러가 원하는 콘텐츠를 찾는 데 도움이 됩니다. 그렇지 않으면 누락된 페이지가 막다른 골목이 되어 404 오류가 발생합니다.

영구 및 임시 리디렉션을 사용하여 페이지의 새 위치를 해석하는 방법을 나타냅니다. 영구 리디렉션(301)은 새 대상 페이지가 표준이라는 강력한 신호로 간주됩니다(자세한 내용은 나중에 설명). 임시 리디렉션(302)은 검색 결과에 이전 URL을 유지할 가능성이 더 큽니다. 이 때문에 짧은 기간 동안만 사용해야 합니다.

내부 연결

내부 링크는 웹 사이트의 페이지 간에 사용자를 안내합니다. 주요 페이지는 메뉴나 사이드바를 통해 쉽게 액세스할 수 있어야 합니다.

또한 내부 링크는 가장 자주 링크되는 페이지를 Google이 순위 지정에 유용한 페이지를 이해하는 데 도움이 됩니다. 여기에는 제품 카테고리 페이지 또는 서비스 페이지가 포함되어야 합니다.

전략적 연결을 통해 최상위 페이지의 권한을 사이트의 다른 페이지와 공유할 수 있습니다("링크 자산"이라고 함). 사려 깊은 내부 연결은 해당 페이지와 연결하려는 모든 내부 페이지의 순위를 높일 수 있습니다.

XML 사이트맵

XML 사이트맵을 검색 봇이 사이트를 효율적으로 크롤링하는 데 도움이 되는 로드맵으로 생각하십시오. 사이트맵에는 사이트의 중요한 페이지, 페이지 간의 관계 및 페이지가 마지막으로 업데이트된 날짜가 나열됩니다. 적절한 인덱싱을 위해 정기적으로 업데이트해야 합니다.

권장 읽을거리

검색 친화적인 웹사이트 구축
하위 도메인 대 하위 디렉토리: SEO에 어느 것이 더 낫습니까?
웹사이트에서 깨진 링크 찾기 및 수정
내부 연결: SEO 모범 사례 가이드
SEO 및 Google에 최적화하기 위한 XML 모범 사례

6. 효율적인 크롤링

Google은 봇이 페이지를 인덱싱하는 데 소비하는 시간을 결정하는 크롤링 예산을 모든 웹사이트에 제공합니다. 봇이 크롤링하거나 색인을 생성하는 것을 원하지 않는 페이지를 표시하여 귀하의 페이지를 최대한 활용하십시오. 특정 페이지가 인덱싱되지 않도록 하여 인덱스 팽창 가능성을 최소화합니다. robots.txt 파일과 로봇 메타 태그를 사용하여 Googlebot이 사이트를 탐색하는 방법을 관리하고 사이트가 최대한 효율적으로 크롤링되도록 할 수 있습니다.

Robots.txt 파일

Robots.txt는 액세스하고 색인을 생성할 페이지를 검색 봇에게 알려주는 사이트 전체 파일입니다. 파일에서 "disallow" 명령을 사용하여 크롤링하지 않을 URL을 지정합니다. 여기에는 계정 페이지, 확인 페이지 및 콘텐츠의 인쇄용 버전이 포함될 수 있습니다.

크롤링 봇은 이 지침을 따를 의무가 없으며 여전히 내부 링크를 통해 페이지의 색인을 생성할 수 있습니다. 이를 방지하려면 robots 메타 태그를 사용하세요.

로봇 메타 태그

HTML 문서의 <head> 섹션에서 robots 메타 태그를 사용하면 페이지 수준에서 검색 엔진 크롤러가 지시됩니다. robots 태그를 사용하면 특정 검색 엔진 봇 또는 모든 크롤링 봇에 한 페이지에 대한 지시문을 제공할 수 있습니다.

예를 들어 다음 태그는 Google이 페이지를 번역하지 못하도록 합니다.

<meta name="googlebot" content="notranslate">

고급 SEO 문서에서 Google이 인식하는 로봇 메타 태그 목록을 찾으십시오.

엑스로봇

X-Robot을 사용하여 HTML이 아닌 파일을 처리하는 방법에 대한 사이트 전체 지침을 발행하여 인덱싱해서는 안 되는 항목에 대한 페이지의 HTTP 응답 헤더에 지침을 제공할 수 있습니다. 예를 들어 특정 이미지나 PDF 파일의 색인 생성을 차단할 수 있습니다. 페이지에 X-Robots를 추가하려면 웹사이트의 .php 또는 서버 구성 파일에 액세스하십시오.

정규화

어떤 페이지가 원본인지 결정하는 것은 검색 엔진에 달려 있기 때문에 중복 콘텐츠는 특정 키워드에 대한 순위를 매길 가능성을 낮출 수 있습니다. Canonical 태그는 마스터 사본인 페이지를 지정하여 중복 콘텐츠를 관리합니다. 이것은 검색 엔진이 어떤 페이지의 순위를 매길지 결정할 때 안내하는 데 도움이 됩니다.

표준 태그는 페이지의 HTML 코드 헤드에 배치되어 페이지의 표준 버전 URL을 Google에 알려줍니다. 예를 들어:

<link rel=”canonical” href=”test.com/blog/original”>

쪽수 매기기

가독성을 위해 긴 콘텐츠를 여러 페이지로 나누어야 하는 경우가 있습니다. Google이 이러한 콘텐츠를 중복 콘텐츠나 관련 없는 개별 페이지로 보지 않도록 하려면 페이지가 여러 페이지로 된 시리즈의 일부라는 신호를 보내십시오.

전체 콘텐츠가 포함된 마스터 페이지를 만들고 표준 태그를 사용하여 Google에 이 페이지의 색인을 생성하도록 요청합니다.
특정 페이지 매김 태그인 탐색을 위해 rel=prev/next 태그를 사용합니다. 더 이상 인덱싱 신호가 아니지만 이러한 태그는 다른 검색 엔진 및 웹 접근성 목적에 유용합니다.

가장 일반적인 사용자 에이전트

헤더의 User-Agent 속성은 무엇보다도 사용자가 사용하는 브라우저 버전 및 장치를 결정하는 데 도움이 됩니다. 사용자 에이전트를 구현한다는 것은 사용자 에이전트 정보를 기반으로 올바른 버전의 웹 페이지를 제공할 수 있음을 의미합니다.

예를 들어, 사용자(또는 크롤러)가 iOS의 Safari에 연결하는 것을 감지하면 정보가 제대로 렌더링되도록 웹 서버가 사이트의 모바일 버전을 자동으로 제공하도록 설정하십시오.

권장 읽을거리

색인 팽창 및 웹 사이트에 미치는 영향
DoFollow 대 NoFollow 링크: 알아야 할 모든 것
표준 URL 태그

7. 콘텐츠의 외관

SERP 및 소셜 미디어 플랫폼과 같은 외부 사이트에서 콘텐츠가 표시되는 방식은 검색 순위에 영향을 미치지 않지만 사이트 트래픽을 향상시킬 수 있습니다. 클릭률을 높이려면 게시물에서 눈길을 끄는 제목이나 큰 이미지를 강조해야 합니다. 이것은 간접적으로 전환율과 백링크를 높일 수 있습니다.

다음 도구를 사용하여 콘텐츠가 소셜 미디어 및 SERP에 표시되는 방식을 제어합니다.

그래프 태그 열기

Open Graph 태그는 Facebook과 같은 소셜 미디어 플랫폼에서 볼 때 웹 페이지가 표시되는 방식을 제어합니다. 많은 타사 플랫폼에는 자체 개방형 그래프 태그 세트가 있습니다. Open Graph Protocol 웹사이트에는 프로토콜에 사용된 사양 목록이 있습니다.

트위터 카드 마크업

Twitter 카드는 Open Graph 태그와 유사하며 누군가가 트윗에서 링크를 공유할 때 제목, 설명 및 이미지가 표시되는 방식을 제어합니다. 페이지에 추가할 수 있는 다양한 유형의 Twitter 카드 메타 태그가 있습니다.

구조화된 데이터

검색 엔진이 콘텐츠를 인덱싱할 수 있도록 SEO 프로그래머는 JSON-LD(링크된 데이터용 JavaScript 개체 표기법)를 사용하여 페이지에 구조화된 데이터를 추가할 수 있습니다. 스키마라고도 하는 구조화된 데이터는 콘텐츠의 핵심 요소를 표시하기 위한 표준화된 형식입니다.

예를 들어 구조화된 데이터를 사용하여 레시피 페이지에서 재료, 조리 시간, 온도 및 칼로리를 강조 표시합니다. 이러한 레이블은 검색 엔진이 콘텐츠가 응답하는 검색어를 이해하는 데 도움이 됩니다.

리치 스니펫

검색 엔진이 검색 결과에 웹 페이지를 표시하는 방법을 최적화하는 것도 중요합니다. 이미지, 비디오 미리보기 또는 별표 평점과 같은 풍부한 스니펫으로 SERP 목록을 개선하여 검색자들에게 더 매력적으로 만드십시오. 스키마를 사용하여 리치 스니펫을 생성하고 검색 엔진 결과 페이지에서 바로 귀하의 웹사이트에 대한 추가 정보를 검색자에게 제공하십시오.

권장 읽을거리

스키마 마크업 및 SEO에 중요한 이유
리치 스니펫: 정의 및 가져오는 방법

SEO 전략의 조각을 모으십시오

SEO 웹 개발에는 모범 사례의 구현, 일관된 성능 검토 및 세부 사항에 대한 관심이 필요합니다. Victorious와 같은 신뢰할 수 있는 파트너는 이러한 요소의 일부 또는 전체를 관리하여 내부 리소스를 보완하고 웹 개발자의 부담을 줄이는 데 도움을 줄 수 있습니다. 우리는 귀하의 요구 사항에 맞는 전체 SEO 서비스 제품군과 귀하의 질문에 답변할 전문가 팀을 보유하고 있습니다. 자세히 알아보려면 무료 SEO 상담을 요청하세요.