[2] Blooger SEO - SEO 최적화에 맞게 글을 쓰는법(URL 최적화, 메타 설명 작성, 이미지 최적화)

Blogger에 국한되는건 아니지만, WordPress 처럼 SEO 최적화 Plugin이 지원되지 않는 대신 신경써야할 부분이 많다.

이를 알아보자


Blogger SEO 최적화 글쓰기 체크리스트

번호 항목 설명 및 이유 Blogger 적용 예
1 키워드 선정 - 검색량이 많고 경쟁이 적은 롱테일 키워드를 선택하세요. - Google 키워드 플래너 사용
- "SEO 글쓰기 팁" 같은 키워드 선택
- 독자가 자주 검색할 질문이나 주제에서 키워드를 도출하세요.
2 제목에 키워드 포함 - 블로그 제목에 주요 키워드를 포함하여 검색 엔진이 글의 주제를 쉽게 파악하도록 합니다. - 제목: "SEO 최적화 글쓰기 팁 15가지"
- 클릭률(CTR)을 높이기 위해 흥미로운 문구와 함께 배치하세요. - 제목에 "쉽게 배우는" 추가: "쉽게 배우는 SEO 글쓰기 팁"
3 URL 최적화 - 짧고 키워드가 포함된 URL을 사용하세요. - /seo-writing-guide처럼 간단히 구성
4 메타 설명 작성 - 블로그 글의 요약을 150자 이내로 작성하고 키워드를 포함하세요. - 메타 설명: "SEO 최적화를 위한 글쓰기 팁과 체크리스트를 소개합니다."
- 검색 결과 페이지에서 클릭을 유도할 수 있는 매력적인 설명을 만드세요.
5 본문에서 키워드 사용 - 첫 번째 문단, 중간, 마지막 문단에 자연스럽게 키워드를 배치하세요. - 첫 문장: "SEO 최적화 글쓰기는 블로그 성공의 핵심입니다."
- 과도한 키워드 사용(Keyword Stuffing)은 피해야 합니다.
6 소제목(H1, H2, H3) 활용 - 글을 체계적으로 구조화하고 소제목에 키워드를 포함하세요. - H2: "SEO 글쓰기에서 중요한 요소"
- H3: "키워드의 중요성"
7 내부 링크 삽입 - 관련된 블로그 글로 연결하여 블로그 체류 시간을 늘리고 사이트 구조를 강화하세요. - "키워드 선정 방법은 이 글에서 확인하세요."
8 외부 링크 삽입 - 신뢰할 수 있는 외부 사이트를 링크하여 콘텐츠의 신뢰도를 높이세요. - "Google 키워드 플래너 사용법은 여기에서 확인하세요."
9 이미지 최적화 - 이미지 파일 이름과 alt 태그에 키워드를 포함하세요. - 이미지 파일명: seo-tips.png
- Alt 태그: "SEO 글쓰기 팁 이미지"
- 이미지 용량을 압축하여 로딩 속도를 개선하세요. - TinyPNG 같은 툴로 이미지 압축
10 모바일 친화적 디자인 - 블로그가 모바일 화면에서도 가독성이 좋도록 작성하세요. - Blogger 템플릿에서 "응답형 디자인" 활성화
11 로딩 속도 개선 - 간단하고 빠르게 로딩되도록 이미지와 HTML/CSS 코드를 최적화하세요. - 큰 이미지 대신 압축된 이미지를 삽입
- 코드 정리
12 소셜 미디어 공유 버튼 추가 - 독자가 글을 쉽게 공유할 수 있도록 소셜 미디어 버튼을 추가하세요. - Blogger 가젯으로 "공유 버튼" 활성화
13 작성 날짜 명시 - 최신성은 검색 엔진에서 중요하게 여겨집니다. - 게시 날짜와 업데이트 날짜를 포스트에 표시
14 문법과 가독성 확인 - 간결하고 정확한 문장을 사용하며, 문법 오류를 최소화하세요. - Grammarly, 맞춤법 검사기 등 사용
15 CTA(Call to Action) 추가 - 독자가 글을 읽고 행동하도록 유도하세요. - "지금 구독하세요!" 버튼 추가
- "관련 글 읽기" 링크 추가

Blogger 적용 예

  • 콘텐츠에 대한 부분은 생략 하겠습니다.
  • 위 체크리스트 번호로 각 예를 들어보겠습니다.

체크리스트 3. URL 최적화

  • blogger에서는 제목에 영어가 있으면 영어 기반으로 퍼머링크를 작성해줍니다.( 글 설정 > 퍼머링크 )

    • 기본적으로는 blog-post_$no.html로 쓰여지기에 수정이 필수적입니다.
  • 다만 한글과 섞어쓰면 URL자체가 다른 의미로 해석될수 있습니다.

  • URL 최적화를 해야 하는 이유는 아래와 같습니다.

    • 검색 엔진 크롤링 효율성 증가
      • 검색 엔진은 웹페이지를 분석할 때 URL을 중요한 지표로 사용합니다.
      • URL이 짧고 명확하며 키워드를 포함하면 검색 엔진이 페이지 내용을 더 쉽게 이해합니다
    • 클릭률(CTR) 향상
      • 검색 결과 페이지에서 깔끔한 URL은 사용자에게 신뢰를 주고 클릭을 유도합니다.
    • 키워드 활용으로 검색 순위 향상
      • URL에 키워드가 포함되면 해당 키워드로 검색할 때 검색 엔진이 페이지의 관련성을 더 높게 평가합니다.

  • AS-IS
SEO 최적화에 맞게 글을 쓰는법
  • TO-BE
SEO 최적화에 맞게 글을 쓰는법
  • 검색엔진이 잘 노출할수 있도록 링크를 만드는게 중요합니다.
  • Blogger에서는 글 쓸때, 설정 > 퍼머링크 를 통해 Custom URL을 만들수 있습니다.

체크리스트 4. 메타 설명 작성

  • blogger에서는 글 설정 > 검색설명 에서 메타 설명 작성이 가능합니다.
  • 메타 설명 작성이 필요한 이유는 아래와 같습니다.
    • 검색 엔진이 콘텐츠를 이해하도록 도움
      • 메타데이터(특히 메타 설명과 메타 키워드)는 검색 엔진에게 페이지의 내용을 요약적으로 전달합니다.
      • 잘 작성된 메타데이터는 검색 엔진이 페이지를 더 잘 색인화하고, 검색 결과에서 더 높은 순위를 받을 가능성을 높입니다.
    • 페이지의 전문성과 신뢰성 강화
      • 메타데이터는 사용자가 클릭하기 전에 페이지의 내용을 명확히 이해할 수 있도록 도와줍니다.
      • 명확하고 신뢰감을 주는 메타데이터는 사용자의 신뢰를 높이며, 이탈률을 줄이는 데 기여합니다.
    • 모바일 및 음성 검색에서의 중요성 증가
      • 검색 엔진은 모바일과 음성 검색에서 간결하고 명확한 메타데이터를 선호합니다.
      • 사용자가 음성으로 질문했을 때, 적절히 작성된 메타 설명이 즉답 제공(Featured Snippets)에 포함될 가능성을 높입니다.

  • 제목에 대해 GPT한테 추천해달라하면 추천해준다
  • 지금 이글에 대해 추천을 받아보자
SEO 최적화에 맞게 글을 쓰는법
1. **일반형**
   - "Blogger에서 SEO 최적화 글을 작성하는 방법을 배워보세요! 키워드 활용, 제목 작성, 메타데이터 작성법까지 SEO 성공 전략을 공개합니다."

2. **간결형**
   - "SEO 최적화를 위한 Blogger 글쓰기 가이드. 키워드, 메타데이터, 링크 활용법으로 검색 순위를 높이세요!"

3. **행동 유도형 (CTA 포함)**
   - "Blogger에서 검색 상위 노출을 원하신다면? 지금 SEO 최적화 글쓰기 팁과 전략을 확인하고 블로그 성장을 시작하세요!"

4. **초보자 대상형**
   - "초보자도 쉽게 따라 할 수 있는 Blogger SEO 글쓰기 가이드! 키워드 사용과 메타데이터 작성법으로 트래픽을 증가시키세요."

5. **특정 목표 강조형**
   - "Blogger SEO 최적화 팁 공개! 더 많은 트래픽과 검색 엔진 상위 노출을 위한 글쓰기 비법을 지금 확인하세요."
SEO 최적화에 맞게 글을 쓰는법

내가 원하는 형식으로 추천 받아 입력하자


체크리스트 6. 소제목(H1, H2, H3) 활용

  • 글을 쓸때, 구조화 시켜서 글을 쓴다.
  • 문단 별로 나눈다고 이해하면 된다
    • 제목 - 주제 - 내용 이런식으로 문단의 크기를 조절하여 글을 써야한다.
    • 다만 이 방식이 서치엔진에 도움이 되는지는 모르겟으나, 유저가 글을 읽을때 가독성을 제공하여 재방문할수 있도록 한다.
  • markdown 포맷으로 쓴다면 대부분 적용되니, markdown을 적용해보자 (아래 연관링크 참조)
  • html 작성 시 example
<h1>블로그 제목</h1>
<h2>서브 헤더 1</h2>
<p>내용...</p>
<h2>서브 헤더 2</h2>
<h3>세부 내용</h3>
<p>내용...</p>

체크리스트 9. 이미지 최적화, alt 태그 입력을 통한 SEO 개선

  • 글 중간중간 이미지를 삽입할 경우가 있다.
  • 이럴때, 이미지 태그 내 'alt' 에 이미지가 어떤 내용인지를 적어둔다
  • alt를 적어야 하는 이유는 아래와 같습니다.
    • 검색 엔진의 이미지 이해도 향상
      • 검색 엔진은 이미지를 직접 "보는" 대신 alt 텍스트를 분석하여 이미지를 이해합니다.
      • 이미지의 내용을 설명하는 alt 텍스트가 포함되면, 페이지가 특정 키워드와 관련성이 더 높아집니다.
      • 이는 이미지 검색 결과에 노출될 확률을 높이고, 추가적인 트래픽을 가져올 수 있습니다.
    • 웹 접근성 향상
      • 시각 장애가 있는 사용자는 화면 낭독기(Screen Reader)를 통해 웹 콘텐츠를 탐색합니다.
      • alt 텍스트는 이미지가 전달하려는 메시지를 설명함으로써 접근성을 개선하고, 이는 사용자 경험을 강화할 뿐만 아니라 Google이 중요하게 여기는 접근성 지표에도 긍정적으로 작용합니다.
    • 페이지 SEO 강화
      • alt 텍스트에 관련 키워드를 포함하면, 검색 엔진이 페이지와 키워드의 연관성을 높게 평가합니다.
    • 페이지 로딩 실패 시 대체 정보 제공
      • 이미지가 로딩되지 않거나 깨질 경우, alt 텍스트가 이미지 대신 표시되어 사용자가 내용을 이해할 수 있도록 돕습니다.

  • 예시
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi82Z0SXUsQsNPVQ3MnVvP9TkpaaGGVQ4owfGIJgnleXnRGM2MKcYOn1mRRm8q2vtC44ZB6w2dEPlG2dQXKh6TW2PWwQXiPo1G8lLbzwqzq4s6a63IfnmYgTeIFAblIhZm2smQ2FKpLdnfW-p9af2HLuY0t6p8snx02URmz2KlJL0Ddkuc-i_SieVaX/s1600/blog-markdown2.PNG" style="display: block; padding: 1em 0; text-align: center; ">
<img alt="SEO 최적화" border="0" data-original-height="400" data-original-width="532" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi82Z0SXUsQsNPVQ3MnVvP9TkpaaGGVQ4owfGIJgnleXnRGM2MKcYOn1mRRm8q2vtC44ZB6w2dEPlG2dQXKh6TW2PWwQXiPo1G8lLbzwqzq4s6a63IfnmYgTeIFAblIhZm2smQ2FKpLdnfW-p9af2HLuY0t6p8snx02URmz2KlJL0Ddkuc-i_SieVaX/s1600/blog-markdown2.PNG"/></a></div>
  • 이미지 alt는 다양한 부분에서 장점이 많으니, 이미지 첨부하는 케이스는 무조건 포함이 되어야한다
  • 이미지 alt는 html 모드로 써야 alt 입력이 가능하다

체크리스트 9. 이미지 최적화 이미지의 lazy loading 설정을 적용하여 본문의 응답속도 향상

  • paging가 먼저뜨고, 이미지의 경우 성공할 경우 뜨게하는 lazy loading 설정을 적용
  • 페이지 속도를 일부 개선하여 SEO에 유리하게 한다
  • blogger에서 아래 설정을 추가하면 된다.
  • Webp의 경우 webp에서 보여줄수 있는 최적화 이미지 포맷으로 보면된다.
SEO 이미지 속도 최적화

SEO 최적화 글쓰기에 일부 알아보았습니다. 다음 포스팅에선 체크리스트 7. 내부 링크 삽입
체크리스트 10. 모바일 친화적 디자인에 대해 알아보겠습니다.


Related Links


댓글

이 블로그의 인기 게시물

윤석열 계엄령 선포! 방산주 대폭발? 관련주 투자 전략 완벽 분석

한국 핵무장 논의와 방위산업 관련주: 핵무기 개발 과정과 유망 종목 분석

[로스트아크] 제작 효율 최적화 위한 영지 세팅