안녕하세요. 거북이 미디어 전략 연구소장입니다.
기초 2편 글을 올립니다.
저도 배우는 입장이라 도움말 등에서 그대로 내용을 가져오는 경우가 대부분입니다 ㅎㅎ

이번 글을 강연에서 메모한 것을 중심으로 엮어보겠습니다.

사실은 아래 링크된 것이 원본입니다. 강연에서 메모한 것은 대부분 아래 링크한 문서에 더 잘 정리됐습니다. ㅠㅠ

▲ 기본적인 최적화 점검하기

  • 내가 가지고 있는 웹사이트의 콘텐츠, 외부로 내보내면 안되는 콘텐츠 등에 대해 파악하기
  • 태그, 이미지, 콘텐츠, 링크를 올바르게 활용하기
  • 반드시 해야 하는 것들

▲ 태그를 올바르게 활용하기 : #1 title tag

타이틀 태그는 사용자 및 검색엔진에 특정 페이지의 주제를 알려주며 html 문서의 <Head> 요소 안에 위치

◇ 페이지의 콘텐츠를 정확하게 설명하는 제목

자연스럽게 읽히며 페이지 내용의 주제를 효과적으로 전달하는 제목을 사용.  

==> 피해야 하는 것

  • 페이지 내용과 관련 없는 제목을 선택하기
  • 페이지 내용과 관련이 없는 제목을 선택하지 말 것. 예를 들면 ‘제목 없음’이나 ‘새 페이지 1’과 같은  기본 값을 사용하지 말 것

◇ 페이지마다 고유한 title 태그 작성하기

검색로봇이  사이트 내의 서로 다른 페이지를 구별하는데 도움이 됨

==> 피해야 하는 것

  • 사이트 내의 모든 페이지 또는 대다수의 페이지에 동일한 title 태그를 사용하는 것

◇ 간결하면서 내용을 포함한 제목 작성하기

간단명료하면서 페이지 내용에 대한 정보를 제공해야 함

==> 피해야 하는 것

  • 사용자에 도움이 되지 않는 지나치게 긴 제목
  • 지나치게 불필요한 키워드를 많이 사용하는 것

▲ 태그를 올바르게 활용하기 : #2 description meta tag

타이틀 태그는 사용자 및 검색엔진에 특정 페이지의 주제를 알려주며 html 문서의 <Head> 요소 안에 위치

단어 몇 개나 문구로 구성된 페이지 제목과 달리 description meta tag는 한두 문장 또는 짧은 단락 정도로 길어질 수 있습니다. html 문서의 요소 안에 위치합니다

description meta tag는 구글이 검색결과 페이지의 스니펫으로 사용할 수 있으며 더 나은 키워드가 본문 내에 있을 경우 구글은 이를 선택하기도 함

모든 페이지에 태그와 속성을 사용해야 합니다.

◇ 페이지의 내용을 정확하게 요약하기

검색결과에서 description meta tag를 내용 미리보기로 볼 수 있어, 사용자에게 정보를 제공하면서도 관심을 유지하도록 작성함

==> 피해야 하는 것

  • 페이지 콘텐츠와 상관없는 내용 작성하기
  • “이것은 웹페이지입니다” 또는 “미디어 전략에 관한 페이지” 등과 같은 일반적인 설명 사용
  •  키워드만 나열하는 것
  • description meta tag에 문서 전체 내용을 복사해서 붙여넣기

◇ 각 페이지마다 내용에 맞는 고유한 설명 사용하기

 페이지마다 다른 description meta tag를 사용하면 도메인에서 여러 페이지를 검색하는 경우에 유용함

사이트에 많은 페이지가 있는 경우 자동으로 태그를 생성할 수 있음

==> 피해야 하는 것

  • 사이트의 모든 페이지 또는 많은 페이지에 동일한 description meta tag 사용하기

▲ 이미지의 올바른 활용 
◇ ‘Alt’ 속성 사용하기
 – 이미지와 관련된 설명을 제공하는 파일 이름 만들기

– alt 속성을 사용하면 이미지를 표현할 수 있는 경우 대신 표시할 텍스트를 지정할 수 있으며 그림에 대한 정보를 제공함

◇ 간결하고 설명적인 파일 이름과 alt 텍스트를 활용하기

==> 피해야 하는 것

  • image1.jpg, 1.jpg 같은 일반적인 파일 이름을 사용하는 것(이미지가 많을 경우 이미지 이름 생성을 자동화하는 것도 고려하기)
  • alt 텍스트에 키워드를 너무 많이 넣거나 전체 문장을 복사해서 붙여넣는 것

◇ 이미지를 링크로 제공할 때 alt 텍스트를 제공하기

 이미지를 링크로 사용하기로 결정할 경우 alt텍스트를 채우면 링크하려는 페이지에 대해 검색엔진이 더 잘 이해할 수 있음

==> 피해야 하는 것

  • 스팸으로 간주될 수 있는 지나치게 긴 대체 텍스트 작성
  • 사이트 탐색에 이미지 링크만 사용

◇ 이미지 사이트맵 제공하기

▲ 페이지의 URL 구조 개선하기

웹사이트의 문서에 카테고리와 파일 이름을 효과적으로 만들면 사이트를 더 잘 정리할 수 있고 검색엔진이 문서를 크롤링하기 쉬워짐

URL에 연관된 단어가 들어있는 경우 사용자와 검색엔진에 페이지에 대한 더 많은 정보를 제공함

페이지 URL은 구글 검색 결과 일부로 제목과 내용 미리보기 중간에 표시됨

◇ URL에 단어 사용하기

==> 피해야 하는 것

  • 불필요한 매개변수와 세션  ID 가 있는 긴 URL 사용
  • “Page1.html”과 같은 일반적인 페이지 이름 사용
  •  카시트-카시트-카시트-카시트.html과 같은 과도한 키워드 사용

◇ 단순 디렉토리 구조 만들기

사이트 전체의 내용을 잘 구성하면서도 방문자가 사이트에서 현재 치를 잘 알수 있도록 하는 디렉토리 구조 사용

==> 피해야 하는 것

  • “…/dir2/dir2/dir3/dir4.page..html”같은 깊이 중첩된 하위 디렉토리 사용
  •  내용과 관련없는 디렉토리 이름 사용

◇ 특정 문서에 도달하기 위한  한 가지 형태의 URL 제공

 페이지에 하나의 URL만을 사용하기

만약 여러 URL을 통해 같은 내용의 페이지에 접속하는 경우 가장 우선적인 URL에 301 redirection 설정

Redirection 설정이 어렵다면 rel=”canonical” 링크 속성을 이용해 표준 URL을 지정

==> 피해야 하는 것

  • 하위 도메인과 루트 도메인의 하위 페이지가 같은 내용을 제공(예: “domain.com/page.html” 및 subdomain.com/page.html”에 동일한 내용
  • URL에 자연스럽지 않은 대소문자 사용(많은 사용자가 소문자 URL을 기대하고 소문자를 더 잘 기억함

▲ 보안 : https

https는 랭킹 그널의 하나입니다. 

http에서 https로 변경했다면 https를 default로 설정해야 합니다. 아래처럼요.

https를 rel=canonical 로 만들고 http는 301 redirection 해야 합니다.

https에 대한 글은 아래를 참고해주세요

워드프레스 제작 웹사이트에 https 적용하기 사례

▲ 보안 : 스팸에서 웹사이트 보호하기

  • 스팸에서 웹사이트 보호하기 ==> 게시판, 댓글 사용 여부 검토
  • 스팸방지도구 captcha3 도입하기
  • no follow 태그 사용하기
  •  신뢰할 수 없는 콘텐츠가 검색되지 않도록 차단하기

▲ 모바일 퍼스트 인덱싱(MFI)

이젠 더 이상 mobile -friendly가 아니다. mobile frist다.

  • 반응형 페이지를 고민할 것(동일한 콘텐츠와 URL을 사용. 대세가 변화하면 반응할 수 있음)
  • 스피드가 중요함 ==> 로딩 속도를 개선 할 것

▲ 검색 콘솔 이용하기

검색 콘솔에 대해서는 다음에 다시 다루겠습니다.

이상 거북이 미디어 전략 연구소장이었습니다. (끝)

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.