Essential 테마 설치 후 SEO 최적화를 위한 구체적인 설정 방법
🛠️ 1단계: 기본 블로그 설정
블로그 제목과 설명 최적화
- Blogger 관리자 → 설정 → 기본
- 블로그 제목: 키워드가 포함된 명확한 제목 설정
- 블로그 설명: 검색 설명 사용 설정을 켜고 바로 아래에 있는 검색 설명이 활성화되면 클릭
- 160자 이내로 핵심 키워드를 포함한 설명 작성
메타태그 설정
테마 변경시 메타태그 리셋되니 미리 백업해두시고 테마 변경 후:
- 설정 → 메타 태그
- 검색 설명 사용 설정: 예
- 검색 설명: 블로그 전체를 설명하는 메타 디스크립션 작성
🔧 2단계: 테마 커스터마이징
HTML 편집으로 SEO 강화
- 테마 → HTML 편집
- <head> 태그 내에 추가할 메타태그들:
<!-- SEO 메타태그 -->
<meta name="robots" content="index,follow"/>
<meta name="googlebot" content="index,follow"/>
<meta name="author" content="블로그 작성자명"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- Open Graph 태그 -->
<meta property="og:type" content="website"/>
<meta property="og:title" content="<data:blog.title/>"/>
<meta property="og:description" content="<data:blog.metaDescription/>"/>
<meta property="og:url" content="<data:blog.url/>"/>
<meta property="og:site_name" content="<data:blog.title/>"/>
<!-- Twitter Card 태그 -->
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="<data:blog.title/>"/>
<meta name="twitter:description" content="<data:blog.metaDescription/>"/>
모바일 최적화 설정
반응형 웹 디자인 템플릿에 포함되어 검색 엔진 최적화 설정을 유지하도록:
- 설정 → 기본 → 모바일
- "예. 모바일 기기에서 모바일 템플릿 표시" 체크 해제
- 데스크탑 테마를 모든 기기에서 사용하도록 설정
📈 3단계: 구글 서치 콘솔 연결
소유권 확인
블로그 스팟을 사용하여 구글 애드센스를 활성화 시키기 위해서는 구글 서치콘솔에 연결하는 것은 필수적:
- 구글 서치 콘솔 접속
- 속성 추가 → URL 접두어에 블로그 주소 입력
- HTML 태그 방법으로 확인:
- 제공된 메타태그를 복사
- 테마 → HTML 편집 → <head> 태그 내에 붙여넣기
- 확인 클릭
사이트맵 제출
- 서치콘솔 → Sitemaps
- 새 사이트맵 추가에 다음 입력:
sitemap.xml
atom.xml?redirect=false&start-index=1&max-results=500
feeds/posts/default?orderby=UPDATED
⚡ 4단계: 속도 최적화
이미지 최적화
별도의 CSS 추가 또는 HTML 편집으로 수정:
/* 이미지 최적화 CSS */
.post-body img {
max-width: 100%;
height: auto;
loading: lazy;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
CSS 압축 및 최적화
- 테마 → 맞춤설정 → 고급 → CSS 추가
- 불필요한 CSS 제거 및 압축된 코드 사용
폰트 최적화
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet">
📝 5단계: 글쓰기 SEO 설정
포스트별 SEO 설정
각 글 작성 시:
- 게시물 설정 → 검색 설명 활성화
- 155자 이내의 메타 디스크립션 작성
- 맞춤 도메인 설정 (URL 구조 최적화)
- 게시물 설정 → 독자층 → 모든 사용자 선택
제목과 H 태그 최적화
SEO에 맞는 h 태그 넣는 방법, html 모드 내용 바꾸기:
- H1: 포스트 제목 (자동 적용)
- H2, H3: 소제목으로 키워드 포함
- HTML 모드에서 직접 태그 수정 가능
📊 6단계: 구조화된 데이터 추가
JSON-LD 스크립트 추가
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Blog",
"name": "블로그 이름",
"description": "블로그 설명",
"url": "블로그 URL",
"author": {
"@type": "Person",
"name": "작성자명"
}
}
</script>
🔍 7단계: 성능 모니터링
정기적인 점검 사항
- Google PageSpeed Insights로 속도 측정
- Mobile-Friendly Test 실행
- 서치콘솔에서 색인 상태 확인
- Core Web Vitals 점수 모니터링
📱 8단계: 추가 최적화
로봇 텍스트 설정
- 설정 → 크롤러 및 색인 생성
- 맞춤 robots.txt: 예
- 다음 내용 추가:
User-agent: *
Allow: /
Sitemap: https://yourblog.blogspot.com/sitemap.xml
애널리틱스 연결
- 설정 → 기본 → Google Analytics
- GA4 측정 ID 입력
🎯 완료 후 체크리스트
- [ ] 메타태그 설정 완료
- [ ] 서치콘솔 소유권 확인 완료
- [ ] 사이트맵 제출 완료
- [ ] 모바일 최적화 완료
- [ ] 페이지 속도 90점 이상
- [ ] 구조화된 데이터 적용
- [ ] 로봇텍스트 설정 완료
- [ ] 애널리틱스 연동 완료
메타태그가 잘 적용된 페이지는 Google과 같은 검색 엔진에 의해 적절하게 인덱싱 되도록 하는데 중요한 역할을 하므로, 위 설정들을 차례대로 적용하시면 검색엔진 최적화가 완료됩니다.
모든 설정 완료 후 Google PageSpeed Insights에서 90점 이상의 점수를 확인하시기 바랍니다.
댓글
댓글 쓰기