수학방

블로그 운영하는 사람들에게 있어서 검색엔진 최적화는 매우 중요해요. 검색엔진에 검색이 잘 될수록 방문객이 많아지거든요. 아무리 좋을 글을 써도 보는 사람이 없으면 꽝이거든요. 그런 의미에서 검색엔진 최적화는 필수요소지요.

물론, 네이버나 다음같은 국내 검색엔진은 키워드 중심의 검색을 하니까 검색엔진 최적화에 대해서 크게 신경쓰지 않아도 되지만, 구글이나 빙같은 검색엔진에는 아주 중요한 요소입니다.

이 글에서는 검색엔진 최적화 정도를 측정하고, 부족한 부분을 최적화할 수 있도록 도와주는 사이트를 소개합니다.

검색엔진 최적화 측정 사이트

보통 검색엔진 최적화 정도는 측정하는 건 말 그대로 측정이고, 원론적인 결론만 내려주는데, 이 사이트는 사이트에 맞게 자세히 분석해줍니다.

SEOCert.net에 접속하기

접속하셔서 블로그 주소를 입력하고 엔터를 누르면 측정이 끝납니다.

결과는 크게 컨텐츠 분석, 서버 헤드 분석, 도메인 분석의 세 부분으로 나누어 지는데요. 컨텐츠 분석 이 곳이 주목해야 할 부분입니다.

메타태그, 페이지 크기, 로딩시간, 링크 수, 헤딩태그, 키워드 등 아주 많은 항목의 세부 분석 내용이 나와요. 색깔로 구별해서 알아보기도 쉬워요. 위 그림 오른쪽 $722 아래 보면, 녹색, 노란색, 빨간색으로 표시된 막대가 있지요? 녹색은 최적화가 잘 된 내용. 노란색은 수정해야할 부분, 빨간색은 문제있는 부분이라고 보시면 됩니다.

단순히 결과만 알려주는 게 아니라 해당 부분에 대해서 문제를 해결할 수 있는 팁이 있으니까 잘 읽어보면 문제를 해결하는데, 도움이 됩니다.

알려주는 정보가 너무 많아서 약간 혼란스러울 수 있는데, 한 번에 문제를 해결하려 하지 말고 시간을 두고 천천히 해결한다는 생각으로 접근하세요.

그리고, SEO Exam에서 간단한 퀴즈도 풀 수 있는데, 검색엔진 최적화에 대한 지식을 측정해 볼 수 있습니다.

함께 보면 좋은 글

검색엔진 최적화(SEO) 1탄 - meta, title, desciption, keywords 사용법
검색엔진 최적화(SEO) 2탄 - 로딩 속도를 빠르게
검색엔진 최적화(SEO) 3탄 - 도메인, 텍스트 편
웹접근성 검사, 웹접근성 평가 도구 N-WAX
블로그 로딩속도를 빠르게 - 이미지 용량 줄이기
블로그 로딩속도를 빠르게 - CSSTidy
블로그 로딩 속도 빠르게 하기 - javascript 압축

두 번에 걸친 검색엔진 최적화에 이어서 3탄 입니다. 검색엔진 최적화(SEO) 1탄 meta 태그 사용법, 검색엔진 최적화(SEO) 2탄 - 로딩 속도를 빠르게

앞선 두 글에서 얘기하지 못했던 나머지 내용들을 모두 담았습니다. 도메인, 링크, 키워드 밀도 등의 내용이 있으니 꼭 한 번씩 읽어보세요. 앞선 두 가지는 한 두번의 수정으로 가능한 팁이라고 한다면 이번 글의 내용은 근본적인 내용이라 글을 올릴 때마다 생각해야하는 내용입니다.

이번 글 역시 검색엔진 최적화를 측정할 수 있는 SEOCert에서 수학방 블로그를 측정한 결과에 나오는 내용들을 발번역한 겁니다.

검색엔진 최적화(SEO) 3 - 도메인, 텍스트 편

Text To Code Ratio

html 코드에서 text의 비율은 항상 15% 이상이어야 하고, 15% 아래로 내려간다면 텍스트가 더 필요하다는 것을 의미합니다.

• 25% ~ 70%가 가장 이상적이고, 그 이상이면 해당 페이지는 스팸으로 간주될 위험이 있습니다.
• 관련있는 텍스트를 페이지에 추가하고 키워드 밀도를 증가시킴으로써 SEO를 향상시키세요.

links

100개 이하의 합리적인 숫자의 링크는 사용자에게 더 좋은 경험을 제공할 것입니다.

• 페이지당 링크의 숫자를 100개 미만으로 유지하세요.
• 한 페이지에 100개 이상의 링크를 넣는 것은 사용자에게 나쁜 경험을 줄 수있고, 스팸으로 간주될 위험성도 있습니다.
• 한 페이지에 너무 많은 링크가 있으면 검색엔진은 모든 링크를 다 follow 하지 않을 수 있습니다.

마지막에 있는 follow는 우리말로 해석하기가 어려워서 그대로 썼습니다. 보통 링크를 넣으면 검색엔진은 링크를 분석해서 좋은 사이트인지 나쁜 사이트인지를 판단합니다. 그래서 나쁜 사이트로 링크를 걸면 그 문서까지도 신뢰도가 낮아지죠. 위키백과를 링크한 페이지와 도박 사이트를 링크한 페이지의 신뢰도에는 차이가 있겠죠? 쉽게 말해서 이렇게 링크를 분석하는 걸 follow라고 생각하면 되는데, 링크 수가 많으면 그런 작업을 하지 않는다는 겁니다.

heading

HTML의 heading과 강조 태그는 중요한 컨텐츠를 나타내는 가장 기본적인 형태입니다.

• 중요한 키워드를 heading에 사용하고, 첫번째 단계의 heading(H1)은 가장 중요한 키워드를 넣으세요.
• heading 태그에 title 태그 있는 내용을 반복하지 마세요.
• 효과적인 SEO를 위해서 페이지당 하나의 H1 태그를 사용하세요.

heading 태그는 순차적으로 사용하는 것이 좋습니다. h1 -> h2 -> h3이렇게 해야지 h1 -> h3 -> h4 이렇게 단계를 건너띄면 별로 안좋아요.

이 외에도 strong, em 등의 태그를 사용하여 중요한 단어를 강조해주세요. b, i등은 단순히 글자의 모양만 바꿔주는 태그로 검색엔진 최적화와는 거리가 멀어요.

keyowrd density

키워드 밀도는 웹페이지가 관련성 높은 키워드와 구문을 사용하지는를 결정하는 요소로 사용됩니다.

• 최적의 키워드 밀도는 1 ~ 3%입니다. 이 보다 더 많은 키워드를 사용하면 스팸으로 간주될 수 있습니다.
• 키워드를 남용하면 웹페이지가 벌칙을 받을 수 있습니다.

image

검색엔진은 이미지를 볼 수 없으므로, Alt 콘텐츠를 사용하는 것은 이미지를 이해하고 색인을 만드는 데 도움을 줍니다.

• 항상 이미지에 alt 속성을 사용하세요. alt는 웹접근성과 xthtml 유효성에서 의무사항입니다.
• 이미지의 alt 속성에 사용된 단어는 텍스트와 같아야하고  같은 정보를 전달해야 합니다.
• 이미지 주변에 사람이 있을 수 있는 제목과 설명을 사용하세요.

티스토리에서는 alt 속성과 설명을 입력하기가 매우 쉽습니다. 글쓰기 화면에서 첨부된 그림을 본문에 삽입하고, 그림을 선택하면 오른쪽에 입력창이 나와요. 위에 있는 입력칸이 alt 속성에 사용되는 텍스트과 아래 입력칸은 그림에 대한 설명을 넣는 겁니다.

safe browsing

여러분의 웹사이트가 멀웨어로부터 안전하고 사용자의 컴퓨터에 해를 끼치지 않는다는 것을 확실히 하세요.

• 바이러스, 멀웨어, 매드웨어, 트로이얀, 스파이웨어, 의심스러운 피싱 코드를 서버에 넣지 마세요.
• 웹서버의 로그 파일을 규칙적으로 검사하고 면밀히 모니터하세요.
• 만약 구글로 부터 의심스러운 사이트로 블랙리스트에 오르면 재검토 요청을 하기전에 깨끗이 하세요.

domain

도메인 이름과 도메인의 나이는 SEO에 결정적입니다.

• 도메인 이름을 짧고 콘텐츠와 관련이 있는 이름으로 하는게 기억하기  쉽습니다.
• 오래된 도메인을 더 많은 신뢰하는 경향이 있습니다.
• 도메인을 1년 이상 등록하면, 검색 엔진은 그것을 중요한 사업이라고 생각할 것입니다.

보통 도메인 이름은 본인 아이디나 좋아하는 문구 등을 사용하는데, 주제와 관련이 없는 도메인인 경우가 상당히 많지요. 그 보다는 주제와 직접적으로 관련된 단어나 본인의 브랜드와 관련성이 높은 단어들을 선택해서 간결하게 만드는 것이 좋습니다.

함께 보면 좋은 글

검색엔진 최적화(SEO) 1탄 - meta, title, desciption, keywords 사용법
검색엔진 최적화(SEO) 2탄 - 로딩 속도를 빠르게
블로그 로딩속도를 빠르게 - 이미지 용량 줄이기
블로그 로딩속도를 빠르게 - CSSTidy
블로그 로딩 속도 빠르게 하기 - javascript 압축
블로그 속도 측정 - Google PageSpeed Insights

검색엔진 최적화 (SEO) 두 번째 입니다. 첫번째에서는 메타 태그 사용에 관한 내용이었다면 이번에는 사이트의 속도를 빠르게 하여 검색엔진 최적화를 하는 방법입니다.

페이지가 열리는 시간은 검색엔진 최적화를 위해서만이 아니라 사용자들을 위해서도 꼭 필요한 내용입니다. 페이지 열리는 시간은 해당 사이트와 만나는 첫인상이라고 할 수 있으니까요.

또, 페이지가 열리기 전에 나가버리면 이탈률에도 상당히 영향을 미치고요. 이래 저래 사이트 운영에 있어서 중요한 요소가 바로 페이지 로딩 속도지요.

검색엔진 최적화 - 사이트 속도를 빠르게

이번 글 역시 검색엔진 최적화를 측정할 수 있는 SEOCert에서 수학방 블로그를 측정한 결과에 나오는 내용들을 발번역한 겁니다.

Loading Time

사이트 속도는 중요한 요소입니다. 속도가 늦은 것은 사용자들의 큰 불만사항 중 하나입니다. 로딩 시간이 너무 길면 서버나 네트워크, 코드, 구조를 살펴볼 필요가 있습니다.

• 1초 미만의 시간이 이상적이고, 사이트를 여는데 5초가 넘으면 사용자들과 검색엔진은 인내심이 다할 겁니다.
• 크기를 작게 하고 서버 응답을 더 빠르게 함으로써 웹사이트를 최적화하여 SEO를 향상시키세요.

이 내용이 중요하지 않다고 생각하는 사람은 없을 겁니다. 그 방법이 중요하겠죠. 블로그를 처음 시작할 때는 여러 가지 위젯도 넣어보고, 꾸미기도 했지만 이제는 그냥 필요한 것들만 남기고 다 지웠어요. 속도가 빠른 것이 보기에도 쾌적하더라고요.

page size

페이지의 크기는 웹사이트의 속력에 영향을 줍니다.

• 페이지 크기를 30kb ~ 150kb 사이로 유지하세요.
• 분리된 별도의 파일에 javascript와 style sheet를 넣고, 메인 페이지로 링크시키세요.
• 웹에 최적화된 이미지를 사용하고 다운로드을 할 때 gzip으로 다운로드 하도록 서버를 설정하세요.

너무 많은 이미지를 사용하거나 불필요한 스크립트 파일을 넣는 건 피해야 합니다.

그리고 많은 티스토리 블로거들이 블로그의 속도를 빠르게 하기위해서 gzip으로 압축하는 코드를 skin.html에 넣는데, 단순히 skin.html에 넣는다고 적용되는 건 아닙니다. 사용자가 할 수 있는 부분이 아니거든요. 그리고 그 코드를 넣지 않아도 되는데, 티스토리 자체적으로 gzip으로 압축하도록 설정되어 있어요. 측정사이트에서 측정을 해보면 해당 코드를 넣었을 때와 넣지 않았을 때 모두 gzip으로 압축되어 있다고 나옵니다.

script

스크립트들을 메인 페이지와 같은 파일에 넣는 것보다는 하나로 합쳐서 외부파일로 링크시키세요.

• in-page-scripts 사용을 줄이고, 별도의 분리된 파일로 만들어서 링크시키세요.
• 외부 스크립트 파일의 수를 줄이는 것은 브라우저가 서버로 부터 http 요청 수를 줄이는데 도움을 줄 것입니다.
• 스크립트 파일을 최적화하고 압축하면 크기를 줄이고, 로딩을 빠르게 할 수 있습니다.

이 내용은 script뿐 아니라 css에도 똑같이 적용되는 내용이에요. 하지만 티스토리에는 기본적으로 너무 많은 외부 스크립트 파일과 css 파일이 있어서 사용자가 할 수 있는 부분이 별로 없습니다.

그렇다고 그냥 내버려 둬서는 안돼요. 사용자가 직접 추가하는 script나 css에는 꼭 적용하세요. 블로그 로딩속도를 빠르게 - CSSTidy와 블로그 로딩 속도 빠르게 하기 - javascript 압축에 자세히 설명되어 있습니다.

함께 보면 좋은 글

검색엔진 최적화(SEO) 1 - meta 태그, title, keywords, description
검색엔진 최적화(SEO) 3 - 도메인, 텍스트 편
검색엔진 최적화, SEO를 위한 meta, title, desciption, keywords 사용법
블로그 로딩속도를 빠르게 - 이미지 용량 줄이기
블로그 로딩속도를 빠르게 - CSS Tidy
블로그 로딩 속도 빠르게 하기 - javascript 압축
블로그 속도 측정 - Google PageSpeed Insights

meta tag를 이용한 검색엔진 최적화(Search engine optimization)는 네이버같은 국내 검색엔진에서는 별로 소용이 없고 구글 같은 해외의 검색엔진에서 주로 사용하는 걸로 알려져 있어요.

최근에 구글의 검색 점유율이 조금씩 늘어나고 있고, 언제 어디에서 도움이 될 지 모르지 알아두는 게 좋겠죠.

여러 Meta 메타 태그 중 title, description, keywords에 대해서 알아보고 그 사용법에 관한 팁도 몇 가지 알려드립니다. 제가 알고 있던 건 아니고 외국의 어떤 사이트에 있는 걸 퍼온 거에요.

검색엔진 최적화를 위한 Meta 태그 사용법

검색엔진 최적화를 측정할 수 있는 SEOCert에서 수학방 블로그를 측정한 결과입니다. SEO 점수는 66.67이고, 무려 $722의 가치나 있네요. 

여러 가지 항목에 대해서 측정하고 그 결과를 자세히 분석해 줄 뿐아리나 여러 가지 팁들을 소개하고 있는데, 그 중 Meta 태그와 관련된 내용을 올려요.

meta 태그를 이용하는 것이 검색 엔진 최적화에 도움이 된다는 글을 보고, 사용하고 있기는 하지만 어떻게 해야 좋은 지는 정확히 몰랐는데, 이번을 계기로 조금 더 이해할 수 있을 것 같네요.

meta title

검색 결과에서 Title은 사이트로 직접 연결되는 링크 형태로 표시됩니다.

• 제목에는 공백을 포함하여 10 ~ 70 글자를 포함해야 합니다. (구글은 제목에 최대 70글자를 보여주고, 처음 12단어를 보여줍니다.)
• 제목에는 가장 중요하고 관련성이 높은 키워드를 넣되 단어를 반복하지는 마세요.
• 각 페이지는 고유의 제목을 가져야 합니다.

meta description

meta Description은 웹페이지의 축약된 설명을 제공하고, 검색 엔진들은 검색 결과에서 주어진 페이지의 정보를 미리 보여주기 위해서 meta description을 자주 사용합니다.

• 70 ~ 160 글자를 유지하는 게 가장 좋습니다.
• 주요 키워드를 사용한 알아보기 쉽고, 설득력있는 키워드는 검색하는 사람들이 더 많은 클릭을 하도록 이끕니다.
• 키워드로 채우는 것을 피하고, 각 페이지가 고유의 description을 갖도록 해야합니다.

meta keywords

Keywords를 무시해서는 안되지만 그렇다고 대부분의 검색 엔진에서 순위를 결정하는 중요한 요소는 아닙니다. Meta Keyword 태그를 중요한 주제를 담고있는 간결하고 축약된 목록 쯤으로 추정합니다.

• 키워드 목록이나 키워드 구문을 10 ~ 20의 고유한 단어나 문구로 유지하세요.
• 키워드나 키워드 구문을 콤마(,)로 구분하세요. (콤마로 구분된 단어 사이에 공백을 넣을 필요는 없습니다.)
• 단어나 구문을 반복하지 마세요.
• 목록의 처음에 가장 중요한 단어나 구문을 넣으세요.

meta tag를 티스토리에 적용하기

위의 내용대로 메타 태그에 사용할 title과 description, keywords를 결정했다면 이제 티스토리에 적용해봐야겠죠?

그런데 티스토리에서는 스킨 편집에서 일괄적으로 바꿔야하므로 각 페이지마다 고유의 meta tag를 작성할 수는 없어요. 그래도 다른 부분은 지킬 수 있는 만큼 적용해봐야겠죠.

스킨에 직접 입력할 수도 있고, 치환자를 이용할 수도 있어요. 치환자를 이용하면 티스토리 관리자의 환경설정 - 기본정보 정한 내용을 보여줍니다.

<head>
  <meta name="title" content="[샵샵_page_title_샵샵]" />
  <meta name="description" content="[샵샵_desc_샵샵]" />
  <meta name="keywords" content="키워드 나열" />
<head>

meta 태그를 <head>와 </head>사이에 넣어주세요.

메타 태그를 넣는다고 검색의 우선순위가 눈에 띄게 높아지거나 하지는 않을테지만 그래도 아주 약간이라도 도움이 된다면 적용하는 게 좋겠죠?

함께 보면 좋은 글

검색엔진 최적화(SEO) 2 - 로딩 속도를 빠르게
검색엔진 최적화(SEO) 3 - 도메인, 텍스트 편
블로그 로딩속도를 빠르게 - 이미지 용량 줄이기
블로그 로딩속도를 빠르게 - CSSTidy
블로그 로딩 속도 빠르게 하기 - javascript 압축
블로그 속도 측정 - Google PageSpeed Insights
구글 페이지랭크 (Google PageRank) 알아보기