<에서 확인하세요." |
| 8 | **외부 링크 삽입** | - 신뢰할 수 있는 외부 사이트를 링크하여 콘텐츠의 신뢰도를 높이세요. | - "Google 키워드 플래너 사용법은 [여기](https://google.com)에서 확인하세요." |
| 9 | **이미지 최적화** | - 이미지 파일 이름과 **alt** 태그에 키워드를 포함하세요. | - 이미지 파일명: **seo-tips.png**<br>- Alt 태그: "SEO 글쓰기 팁 이미지" |
| | | - 이미지 용량을 압축하여 로딩 속도를 개선하세요. | - TinyPNG 같은 툴로 이미지 압축 |
| 10 | **모바일 친화적 디자인** | - 블로그가 **모바일 화면에서도 가독성이 좋도록** 작성하세요. | - Blogger 템플릿에서 "응답형 디자인" 활성화 |
| 11 | **로딩 속도 개선** | - 간단하고 빠르게 로딩되도록 이미지와 HTML/CSS 코드를 최적화하세요. | - 큰 이미지 대신 압축된 이미지를 삽입<br>- 코드 정리 |
| 12 | **소셜 미디어 공유 버튼 추가**| - 독자가 글을 쉽게 공유할 수 있도록 소셜 미디어 버튼을 추가하세요. | - Blogger 가젯으로 "공유 버튼" 활성화 |
| 13 | **작성 날짜 명시** | - 최신성은 검색 엔진에서 중요하게 여겨집니다. | - 게시 날짜와 업데이트 날짜를 포스트에 표시 |
| 14 | **문법과 가독성 확인** | - 간결하고 정확한 문장을 사용하며, 문법 오류를 최소화하세요. | - Grammarly, 맞춤법 검사기 등 사용 |
| 15 | **CTA(Call to Action) 추가**| - 독자가 글을 읽고 행동하도록 유도하세요. | - "지금 구독하세요!" 버튼 추가<br>- "관련 글 읽기" 링크 추가 |
## Blogger 적용 예
- 콘텐츠에 대한 부분은 생략 하겠습니다.
- 위 체크리스트 번호로 각 예를 들어보겠습니다.
---
### 체크리스트 3. URL 최적화
- blogger에서는 제목에 영어가 있으면 영어 기반으로 퍼머링크를 작성해줍니다.( 글 설정 > 퍼머링크 )
- 기본적으로는 blog-post_$no.html로 쓰여지기에 수정이 필수적입니다.
- 다만 한글과 섞어쓰면 URL자체가 다른 의미로 해석될수 있습니다.
- URL 최적화를 해야 하는 이유는 아래와 같습니다.
- 검색 엔진 크롤링 효율성 증가
- 검색 엔진은 웹페이지를 분석할 때 URL을 중요한 지표로 사용합니다.
- URL이 짧고 명확하며 키워드를 포함하면 검색 엔진이 페이지 내용을 더 쉽게 이해합니다
- 클릭률(CTR) 향상
- 검색 결과 페이지에서 깔끔한 URL은 사용자에게 신뢰를 주고 클릭을 유도합니다.
- 키워드 활용으로 검색 순위 향상
- URL에 키워드가 포함되면 해당 키워드로 검색할 때 검색 엔진이 페이지의 관련성을 더 높게 평가합니다.
---
- AS-IS
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF7ufgu1aYVSUHU4uQlYUJG-KG-0r99-9HWsvoobACGBLvrgZ6DmqgsX-gm5HGWWQlUN6hwep1XXXvCyH_mpX5UiUiNbrfkRhGPBOZgw4sHD3OxtJFSBtZUc9VCCqiafO24LZ94a-CHXK11oKX4BqURCmbPayaOw9d-AmPqj0ApG4VNUbDq9GW8lbz/s1600/%EA%B8%B0%EB%B3%B8%20%ED%8D%BC%EB%A8%B8%EB%A7%81%ED%81%AC.PNG" style="display: block; padding: 1em 0; text-align: center; "><img alt="SEO 최적화에 맞게 글을 쓰는법" border="0" data-original-height="220" data-original-width="253" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF7ufgu1aYVSUHU4uQlYUJG-KG-0r99-9HWsvoobACGBLvrgZ6DmqgsX-gm5HGWWQlUN6hwep1XXXvCyH_mpX5UiUiNbrfkRhGPBOZgw4sHD3OxtJFSBtZUc9VCCqiafO24LZ94a-CHXK11oKX4BqURCmbPayaOw9d-AmPqj0ApG4VNUbDq9GW8lbz/s1600-rw/%EA%B8%B0%EB%B3%B8%20%ED%8D%BC%EB%A8%B8%EB%A7%81%ED%81%AC.PNG"/></a></div>
- TO-BE
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAodw9h0tbXmL3ECB968tkY4CNqlBbMBda1ds6QgXHnL8OLW0QI6zpZL5g5S7r9haR4s3T7ezfEoPWEDAH7e8WEESW6HPLNj8Vds_iHi0PUkYK0ofRWWyk1tcxkyuK-qBtkaFntvA9cvclNLkbgNWpl-jRbmL_pNaCH5gD_3R6tPGnBUunZ9v4wh/s1600/%EC%88%98%EC%A0%95%20%ED%8D%BC%EB%A8%B8%EB%A7%81%ED%81%AC.PNG" style="display: block; padding: 1em 0; text-align: center; "><img alt="SEO 최적화에 맞게 글을 쓰는법" border="0" data-original-height="215" data-original-width="244" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiAodw9h0tbXmL3ECB968tkY4CNqlBbMBda1ds6QgXHnL8OLW0QI6zpZL5g5S7r9haR4s3T7ezfEoPWEDAH7e8WEESW6HPLNj8Vds_iHi0PUkYK0ofRWWyk1tcxkyuK-qBtkaFntvA9cvclNLkbgNWpl-jRbmL_pNaCH5gD_3R6tPGnBUunZ9v4wh/s1600-rw/%EC%88%98%EC%A0%95%20%ED%8D%BC%EB%A8%B8%EB%A7%81%ED%81%AC.PNG"/></a></div>
- 검색엔진이 잘 노출할수 있도록 링크를 만드는게 중요합니다.
- Blogger에서는 글 쓸때, 설정 > 퍼머링크 를 통해 Custom URL을 만들수 있습니다.
---
### 체크리스트 4. 메타 설명 작성
- blogger에서는 글 설정 > 검색설명 에서 메타 설명 작성이 가능합니다.
- 메타 설명 작성이 필요한 이유는 아래와 같습니다.
- 검색 엔진이 콘텐츠를 이해하도록 도움
- 메타데이터(특히 메타 설명과 메타 키워드)는 검색 엔진에게 페이지의 내용을 요약적으로 전달합니다.
- 잘 작성된 메타데이터는 검색 엔진이 페이지를 더 잘 색인화하고, 검색 결과에서 더 높은 순위를 받을 가능성을 높입니다.
- 페이지의 전문성과 신뢰성 강화
- 메타데이터는 사용자가 클릭하기 전에 페이지의 내용을 명확히 이해할 수 있도록 도와줍니다.
- 명확하고 신뢰감을 주는 메타데이터는 사용자의 신뢰를 높이며, 이탈률을 줄이는 데 기여합니다.
- 모바일 및 음성 검색에서의 중요성 증가
- 검색 엔진은 모바일과 음성 검색에서 간결하고 명확한 메타데이터를 선호합니다.
- 사용자가 음성으로 질문했을 때, 적절히 작성된 메타 설명이 **즉답 제공(Featured Snippets)**에 포함될 가능성을 높입니다.
---
- 제목에 대해 GPT한테 추천해달라하면 추천해준다
- 지금 이글에 대해 추천을 받아보자
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi48xZwlfBqECOXOslbhy2PdEPVdMcHxNsemvI6YrvDX1Ibp4zKpsIJIdxHH_VXL3oS2FQ9mOXHRDNGOhSDVHnnskS6APOp21P7mALqKDh9vtZjziO_-MupzgHeA7O1uahp9qdLJctAooel-0j5YMDzU3IQ6qbxpVbX_2vgo5Abvytq9MXufeIcuhdv/s1600/%EA%B2%80%EC%83%89%EC%84%A4%EB%AA%85%EC%A7%88%EB%AC%B8.PNG" style="display: block; padding: 1em 0; text-align: center; "><img alt="SEO 최적화에 맞게 글을 쓰는법" border="0" data-original-height="238" data-original-width="665" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi48xZwlfBqECOXOslbhy2PdEPVdMcHxNsemvI6YrvDX1Ibp4zKpsIJIdxHH_VXL3oS2FQ9mOXHRDNGOhSDVHnnskS6APOp21P7mALqKDh9vtZjziO_-MupzgHeA7O1uahp9qdLJctAooel-0j5YMDzU3IQ6qbxpVbX_2vgo5Abvytq9MXufeIcuhdv/s1600-rw/%EA%B2%80%EC%83%89%EC%84%A4%EB%AA%85%EC%A7%88%EB%AC%B8.PNG"/></a></div>
```
1. **일반형**
- "Blogger에서 SEO 최적화 글을 작성하는 방법을 배워보세요! 키워드 활용, 제목 작성, 메타데이터 작성법까지 SEO 성공 전략을 공개합니다."
2. **간결형**
- "SEO 최적화를 위한 Blogger 글쓰기 가이드. 키워드, 메타데이터, 링크 활용법으로 검색 순위를 높이세요!"
3. **행동 유도형 (CTA 포함)**
- "Blogger에서 검색 상위 노출을 원하신다면? 지금 SEO 최적화 글쓰기 팁과 전략을 확인하고 블로그 성장을 시작하세요!"
4. **초보자 대상형**
- "초보자도 쉽게 따라 할 수 있는 Blogger SEO 글쓰기 가이드! 키워드 사용과 메타데이터 작성법으로 트래픽을 증가시키세요."
5. **특정 목표 강조형**
- "Blogger SEO 최적화 팁 공개! 더 많은 트래픽과 검색 엔진 상위 노출을 위한 글쓰기 비법을 지금 확인하세요."
```
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0FvJJljqGyoS9_MwUu0qHrv2Td2S8szs0WBUbE4ZvhX7EgV78bB8m9fezcMhpsURsiMWf5OKb425Y5OkVjspUyJcfBV2VpZ1lYHQwAgvENSt7rFtI3Do5R7OgNLbd5lQtSm2SfZ22KykJx6JTbzx6ez4ndkyJ1rkKA9DHqqoXvGiYewv3sMV8oa_8/s250/%EA%B2%80%EC%83%89%EC%84%A4%EB%AA%85.PNG" style="display: block; padding: 1em 0; text-align: center; "><img alt="SEO 최적화에 맞게 글을 쓰는법" border="0" data-original-height="158" data-original-width="250" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0FvJJljqGyoS9_MwUu0qHrv2Td2S8szs0WBUbE4ZvhX7EgV78bB8m9fezcMhpsURsiMWf5OKb425Y5OkVjspUyJcfBV2VpZ1lYHQwAgvENSt7rFtI3Do5R7OgNLbd5lQtSm2SfZ22KykJx6JTbzx6ez4ndkyJ1rkKA9DHqqoXvGiYewv3sMV8oa_8/s320-rw/%EA%B2%80%EC%83%89%EC%84%A4%EB%AA%85.PNG" width="320"/></a></div>
내가 원하는 형식으로 추천 받아 입력하자
---
### 체크리스트 6. 소제목(H1, H2, H3) 활용
- 글을 쓸때, 구조화 시켜서 글을 쓴다.
- 문단 별로 나눈다고 이해하면 된다
- 제목 - 주제 - 내용 이런식으로 문단의 크기를 조절하여 글을 써야한다.
- 다만 이 방식이 서치엔진에 도움이 되는지는 모르겟으나, 유저가 글을 읽을때 가독성을 제공하여 재방문할수 있도록 한다.
- markdown 포맷으로 쓴다면 대부분 적용되니, markdown을 적용해보자 (아래 연관링크 참조)
- html 작성 시 example
<pre class="brush:xml"
class="brush:plain; gutter:true">
<h1>블로그 제목</h1>
<h2>서브 헤더 1</h2>
<p>내용...</p>
<h2>서브 헤더 2</h2>
<h3>세부 내용</h3>
<p>내용...</p>
</pre>
---
### 체크리스트 9. 이미지 최적화, alt 태그 입력을 통한 SEO 개선
- 글 중간중간 이미지를 삽입할 경우가 있다.
- 이럴때, 이미지 태그 내 'alt' 에 이미지가 어떤 내용인지를 적어둔다
- alt를 적어야 하는 이유는 아래와 같습니다.
- 검색 엔진의 이미지 이해도 향상
- 검색 엔진은 이미지를 직접 "보는" 대신 alt 텍스트를 분석하여 이미지를 이해합니다.
- 이미지의 내용을 설명하는 alt 텍스트가 포함되면, 페이지가 특정 키워드와 관련성이 더 높아집니다.
- 이는 이미지 검색 결과에 노출될 확률을 높이고, 추가적인 트래픽을 가져올 수 있습니다.
- 웹 접근성 향상
- 시각 장애가 있는 사용자는 화면 낭독기(Screen Reader)를 통해 웹 콘텐츠를 탐색합니다.
- alt 텍스트는 이미지가 전달하려는 메시지를 설명함으로써 접근성을 개선하고, 이는 사용자 경험을 강화할 뿐만 아니라 Google이 중요하게 여기는 접근성 지표에도 긍정적으로 작용합니다.
- 페이지 SEO 강화
- alt 텍스트에 관련 키워드를 포함하면, 검색 엔진이 페이지와 키워드의 연관성을 높게 평가합니다.
- 페이지 로딩 실패 시 대체 정보 제공
- 이미지가 로딩되지 않거나 깨질 경우, alt 텍스트가 이미지 대신 표시되어 사용자가 내용을 이해할 수 있도록 돕습니다.
---
- 예시
<pre class="brush:xml"
class="brush:plain; gutter:true">
<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>
</pre>
- 이미지 alt는 다양한 부분에서 장점이 많으니, 이미지 첨부하는 케이스는 무조건 포함이 되어야한다
- 이미지 alt는 html 모드로 써야 alt 입력이 가능하다
---
### 체크리스트 9. 이미지 최적화 이미지의 lazy loading 설정을 적용하여 본문의 응답속도 향상
- paging가 먼저뜨고, 이미지의 경우 성공할 경우 뜨게하는 lazy loading 설정을 적용
- 페이지 속도를 일부 개선하여 SEO에 유리하게 한다
- blogger에서 아래 설정을 추가하면 된다.
- Webp의 경우 webp에서 보여줄수 있는 최적화 이미지 포맷으로 보면된다.
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZCAU3kAwfFhWVrS7KWbjpBCMQYmx7hpw43eqfC0P2hXeK6tJad3W7chmgWxwDceNWLjVq0caDAxvVa0NnX14PrmqTzZfKkn3cQntTZvDkPlAOBTqgspS45WF5I3-v1Oe2atIUjMcEgJ_bwjh-Ewzy2GqLKtPoKQOynHFHkx3V6a2gkPOE7Es_oZJt/s1600/lazyloading.PNG" style="display: block; padding: 1em 0; text-align: center; "><img alt="SEO 이미지 속도 최적화" border="0" data-original-height="194" data-original-width="847" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZCAU3kAwfFhWVrS7KWbjpBCMQYmx7hpw43eqfC0P2hXeK6tJad3W7chmgWxwDceNWLjVq0caDAxvVa0NnX14PrmqTzZfKkn3cQntTZvDkPlAOBTqgspS45WF5I3-v1Oe2atIUjMcEgJ_bwjh-Ewzy2GqLKtPoKQOynHFHkx3V6a2gkPOE7Es_oZJt/s1600-rw/lazyloading.PNG"/></a></div>
---
SEO 최적화 글쓰기에 일부 알아보았습니다.
다음 포스팅에선 체크리스트 7. 내부 링크 삽입<br>
체크리스트 10. 모바일 친화적 디자인에 대해 알아보겠습니다.
---
<!-- 목록을 표시할 HTML 컨테이너 -->
<div>
<h3>Related Links</h3>
<ul id="label-post-list">
<!-- 여기에 '주식' 라벨의 게시물 목록이 추가됩니다 -->
</ul>
</div>
---
]]>
댓글
댓글 쓰기