[TIL] 22.11.18 SEO 기본 가이드(3)

검색엔진 최적화(SEO) 기본 가이드

https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=ko#appearance

SEO 기본 가이드: 기본사항 | Google 검색 센터  |  문서  |  Google Developers

 

콘텐츠 최적화하기

독자가 무엇을 원하는지 이해하고 제공하기

사용자가 내 콘텐츠를 찾을 때 어떤 검색어를 사용할지 생각해보자. 어떤 주제에 대해 잘 아는 사용자는 해당 주제를 잘 모르는 사용자와 다른 검색 키워드를 사용한다.

검색 행동에서 나타나는 이런 차이를 예상하고 콘텐츠를 작성할 때 이를 고려해 키워드 문구를 적절하게 섞어 사용하게 되면 긍정적인 결과가 도출될 수 있다.

 

✔ 텍스트가 쉽게 읽히도록 작성하기

• 사용자는 잘 작성되었고 이해하기 쉬운 콘텐츠를 좋아한다.

X 피해야 할 사항

• 철자법 및 문법 실수가 많은 엉성한 텍스트를 작성
• 어색하거나 잘못 작성한 콘텐츠를 제공
• 텍스트가 중심이 되는 콘텐츠에서 텍스트를 이미지 및 동영상에 삽입하게 되면 사용자가 텍스트를 복사해 붙여넣고자 하는 경우 검색엔진에서 읽지 못함

 

✔ 주제를 명확하게 구성하기

• 방문자가 하나의 콘텐츠 주제가 어디에서 시작되고 끝나는지 잘 알 수 있게 콘텐츠를 구성하는 것이 좋다.
• 콘텐츠를 논리적인 덩어리나 부분으로 나누면 사용자가 자신이 원하는 콘텐츠를 더 빠르게 찾을 수 있다.

X 피해야 할 사항

• 단락이나 부제목, 레이아웃을 활용한 구분없이 한 페이지에 다양한 주제를 다룬 대량의 텍스트를 게시하는 경우

 

✔ 신선하고 독창적인 콘텐츠 만들기

• 새로운 콘텐츠는 기존의 방문자층을 계속 유지해줄 뿐 아니라 새로운 방문자를 유치하는 데도 도움이 된다.

X 피해야 할 사항

• 기존 콘텐츠를 재탕하거나 복사해 사용자에게 새로운 가치를 거의 제공하지 않는 경우
• 사이트를 통해 중복이나 거의 중복에 가까운 콘텐츠를 제공하는 경우

 

✔ 검색엔진이 아닌 사용자를 위해 콘텐츠 최적화하기

• 방문자의 요구에 따라 사이트를 설계하고 검색엔진에서 사이트에 쉽게 액세스할 수 있게 만들면 긍정적인 결과가 도출되는 경우가 많다.

X 피해야 할 사항

• 검색엔진을 감안해 불필요한 키워드를 상당수 삽입했지만 사용자에게는 짜증을 유발하거나 무의미한 키워드인 경우
• 사용자에게 아무런 가치도 제공하지 않는 '이 페이지를 열 때 자주 사용된 맞춤법 오류' 등의 텍스트 블록을 사용하는 경우
• 특정 텍스트를 사용자에게는 숨기고 검색엔진에는 표시하는 경우

 

링크 현명하게 사용하기

1. 좋은 링크 텍스트 작성하기

 

링크 텍스트는 링크 내부에 보이는 텍스트이다. 이 텍스트는 사용자와 구글에 지금 들어가려는 페이지가 어떤 페이지인지 알려준다. 적절한 앵커 텍스트를 사용하면 사용자와 검색엔진이 연결된 페이지의 내용을 쉽게 이해할 수 있다.

 

✔ 설명을 제공하는 텍스트 선택

• 연결된 페이지의 내용을 기본적으로 파악할 수 있는 앵커 텍스트 작성

X 피해야 할 사항

• '페이지', '기사', '여기를 클릭하세요' 등 앵커 텍스트를 지나치게 일반적으로 작성
• 주제와 관련이 없거나 연결된 페이지의 내용과 관련없는 텍스트 사용
• 앵커 텍스트로 페이지 URL을 사용하는 대부분의 경우(하지만 새로운 웹사이트의 주소를 홍보하거나 참조하는 경우와 같이 이렇게 사용하는 것이 효과적일 때도 있음)

 

✔ 텍스트를 간결하게 작성

• 단어 몇 개 또는 짧은 문구와 같이 짧으면서도 충분한 설명을 제공하는 텍스트 작성

X 피해야 할 사항

• 지나치게 긴 문장, 짧은 단락 등 앵커 텍스트를 길게 작성

 

✔ 링크는 쉽게 발견할 수 있는 형식으로 지정

• 일반 텍스트와 앵커 텍스트를 쉽게 구분할 수 있게 작성

X 피해야 할 사항

• 링크를 일반 텍스트처럼 보이게 하는 css 또는 텍스트 스타일을 사용

 

✔ 내부 링크용 앵커 텍스트도 고려

• 일반적으로 외부 웹사이트와의 링크만 고려하기 쉽다.
• 내부 링크용으로 앵커 텍스트를 사용하는 데 신경을 쓰면 사용자 및 구글이 사이트를 탐색하기 쉬워짐

X 피해야 할 사항

• 검색엔진만을 고려해 키워드로만 잔뜩 채워져 있거나 지나치게 긴 앵커 텍스트 사용
• 사용자의 사이트 탐색에 도움이 되지 않는 불필요한 링크 작성

 

2. 링크 대상에 주의하기

 

내 사이트를 다른 사이트에 링크하면 내 사이트의 평판 중 일부를 해당 사이트에 넘겨주게 된다.

 

예를 들어 다른 사람들에게 이 사이트를 조심하라고 경고하기 위해 콘텐츠에 해당 사이트의 링크를 삽입했지만, 동시에 이 사이트에 내 사이트가 가진 평판의 일부를 넘겨주고 싶지는 않을 것이다. 이런 경우 nofollow를 사용하는 것이 좋다.

 

3. nofollow로 댓글 스팸 방지

 

페이지의 인지도를 따르거나 연결된 페이지에 페이지의 인지도를 전달하지 말라고 구글에 알리려면 링크의 rel 속성 값을 nofollow나 ugc로 설정한다.

<a href="http://www.example.com" rel="nofollow">Anchor text here</a>

또는

<a href="http://www.example.com" rel="ugc">Anchor text here</a>

 

 

사이트에 공개 댓글을 사용할 수 있는 블로그가 있는 경우 댓글 내에 링크가 있으면 내가 불편하게 느끼는 페이지에 내 사이트의 평판이 전달될 수 있다. 블로그의 댓글 영역은 댓글 스팸에 매우 취약하다. 사용자가 추가한 링크를 NOFOLLO하면 내 페이지의 평판을 스팸 사이트에 넘겨주지 않도록 보장된다.

 

4. 댓글 열 및 메시지 보드에 자동으로 nofollow를 추가

 

사용자 댓글을 자동으로 nofollow하는 블로그 소프트웨어 패키지가 많이 있다.

사이트에 신뢰할 수 있는 댓글 작성자가 있는 경우 등 제 3자가 추가한 링크를 보증하려면 링크에 nofollow를 사용하지 않아도 된다. 하지만 구글에서 스팸이라고 판단하는 사이트로 링크하게 되면 내 사이트의 인지도에 영향을 줄 수 있다.

보안문자 사용, 댓글 검토 기능 사용 등의 방법으로 댓글 스팸을 방지하는 추가 도움말을 확인할 수 있다.

 

이미지 최적화하기

HTML 이미지 사용하기

✔ HTML <img> 또는 <picture> 요소 사용

• 시맨틱 HTML 마크업을 사용하면 크롤러가 이미지를 찾고 처리할 수 있다.
• <picture> 요소를 사용해 반응형 이미지를 위한 다양한 화면 크기에 여러 옵션 지정 가능
• 이미지에 loading='lazy' 속성을 사용하면 사용자가 페이지를 더 빠르게 로드할 수도 있음

X 피해야 할 사항

• css를 사용해 색인을 생성할 이미지를 표시

 

이미지와 관련된 설명을 제공하는 파일 이름 및 alt 속성을 사용하자. alt 속성을 사용하면 어떤 이유로 이미지를 표시할 수 없을 때 대신 텍스트를 지정할 수 있다.

 

alt 속성의 내용은 사용자가 스크린 리더와 같은 보조 기술을 사용해 사이트를 보고 있을 때 그림에 관한 정보를 제공한다.

이미지를 링크를 사용하는 경우 해당 이미지의 대체 텍스트가 텍스트 링크의 앵커 텍스트와 비슷하게 취급된다. 그러나 텍스트 링크를 사용해 동일한 목적을 달성할 수 있다면 사이트 탐색에 너무 많은 이미지 링크는 사용하지 않는 것이 좋다.

이미지의 파일 이름과 대체 텍스트를 최적화하면 구글 이미지와 같은 이미지 검색 프로젝트에서 이미지를 더욱 쉽게 이해할 수 있다.

 

✔ 간단하지만 설명이 담긴 파일 이름과 대체 텍스트 사용

• 파일 이름과 대체 텍스트는 짧으면서도 설명을 제공하는 것이 좋다.

X 피해야 할 사항

• image1.jpg, pic.gif, 11.jpg와 같은 일반적인 파일 이름 사용. 사이트에 수천 개의 이미지가 있다면 이미지의 이름을 자동 지정하는 것이 좋음
• 매우 긴 파일 이름 작성
• 대체 텍스트를 키워드로 채워 넣거나 전체 문장을 복사하여 붙여넣는 경우

 

✔ 이미지를 링크로 사용할 때 대체 텍스트 제공

• 이미지를 링크로 사용하기로 결정한 경우 대체 텍스트를 작성하면 구글에서 링크하려는 페이지에 대해 더 잘 이해할 수 있다.

X 피해야 할 사항

• 스팸으로 간주될 수 있을 정도로 대체 텍스트를 지나치게 길게 작성
• 사이트 탐색에 이미지 링크만 사용하는 경우

 

검색엔진이 내 이미지를 찾을 수 있게 돕기

이미지 사이트맵을 사용하면 구글이 사이트에서 발견한 이미지에 관해 더욱 자세한 정보를 제공할 수 있다. 이렇게 하면 구글 이미지 검색결과에 이미지가 표시될 가능성이 높아진다. 이 파일의 구조는 웹페이지의 XML 사이트맵 파일과 유사하다.

 

표준 이미지 형식 사용하기

일반적으로 지원되는 파일 형식을 사용하자. 대부분의 브라우저는 JPEG, GIF, PNG, BMP, WebP 이미지 형식을 지원한다.

 

---

Google에 발신 링크의 관계 알리기

https://developers.google.com/search/docs/crawling-indexing/qualify-outbound-links?hl=ko

검색엔진 최적화를 위한 발신 링크의 관계 알리기 | Google 검색 센터  |  문서  |  Google Developers

 

사이트에 있는 일부 링크의 경우 링크된 페이지와의 관계를 구글에 알리는 것이 좋다. 이렇게 하려면 a 태그에 다음 rel 속성 값 중 하나를 사용하면 된다.

 

아무런 확인 없이도 구글이 따라야 하는 일반 링크의 경우 rel 속성을 추가하지 않아도 된다.

 

• rel='sponsored' : 광고, 스폰서십, 기타 보상 협약의 일부로 만들어진 링크를 식별

<a rel="sponsored" href="https://cheese.example.com/Appenzeller_cheese">Appenzeller</a>

 

• rel='ugc' : UGC는 사용자 제작 콘텐츠를 의미. ugc 속성의 값은 댓글 및 포럼 게시물과 같은 사용자 제작 콘텐츠 내 링크에 권장

<a rel="ugc" href="https://cheese.example.com/Appenzeller_cheese">Appenzeller</a>

• rel='nofollow' : 구글에서 내 사이트와 링크된 페이지를 연결하지 않기를 바라거나 링크된 페이지를 크롤링하지 않기를 바라는 경우 사용

<a rel="nofollow" href="https://cheese.example.com/Appenzeller_cheese">Appenzeller</a>

 

공백 또는 쉼표로 구분된 목록으로 여러 rel 값을 지정할 수 있다.

<p>I love <a rel="ugc nofollow" href="https://cheese.example.com/Appenzeller_cheese">Appenzeller</a> cheese.</p>

<p>I hate <a rel="ugc,nofollow" href="https://cheese.example.com/blue_cheese">Blue</a> cheese.</p>

 

일반적으로 이런 rel 속성이 표시된 링크는 추적되지 않는다. 사이트맵이나 다른 사이트의 링크와 같은 다른 수단을 통해서도 링크된 페이지가 발견될 수 있으므로 페이지가 크롤링될 가능성은 여전히 존재한다. 이런 rel 속성은 로봇 메타 태그로 사용될 수 있는 nofollow를 제외하면 a 태그에서만 사용된다. 구글이 a 태그로 연결되는 링크만 추적할 수 있기 때문이다.