반응형 IT·인터넷 활용/구글블로그 6 구글 블로그명과 포스트 제목 H1 태그 변경 방법 구글블로그(블로그스폿)는 포스트의 제목이 H3로 되어있는 경우가 있어 SEO에 최적화하려면 수정작업이 필요합니다.수정할 경우 블로그의 이름과 H1이 중복되어 SEO에 문제가 생기기 때문에 블로그의 이름을 사용하지 않거나 태그 수정이 필요합니다.구글 블로그명과 포스트 제목 H1 중복 태그 변경 방법이 수정 작업은 구글블로그 관리자모드 - 테마 - 맞춤설정 - HTML에서 작업하여야 합니다.작업 기준 테마 : Notable(기본 무료 테마)블로그명 H1 → H2 변경HTML 편집에서 찾기(Ctrl+F)를 활용하여 를 찾습니다.2곳이 발견되며 첫 번째는 그대로 두고 두 번째 를 아래 함수로 변경합니다. (대략 3400번대 행에 있음) 테마 저장 후 포스트에 들어갑니다.F12를 눌러 소스에서 H2로 적용되.. 2026. 4. 23. 구글블로그 본문 폰트(모바일) 크기 변경 방법 구글 블로거(블로그스팟)를 하다 보면 PC에서는 본문 폰트 크기가 좀 작다고 느낄 수 있으나 볼 정도는 됩니다. 다만 스마트폰을 이용해 본문을 보면 글씨가 너무 작아 가독성이 떨어지는데 검색 시 이런저런 방법은 많으나 실질적으로 적용되지는 않아 테마-HTML 수정에서 일일이 확인하여 봤고 여러 방법이 적용되지 않던 것이 아래 HTML 수정을 통하여 기존 보다 크게 적용되었습니다.구글블로그 모바일 본문 폰트 사이즈 수정방법변경순서우선 테마 ▶ 맞춤설정 ▶ HTML편집으로 들어갑니다.찾기(컨트롤+F)를 하여 아래 코드의 행을 찾습니다.(대략 2700번 이 후) body.item-view .Blog .post-body{font-size:$(body.text.font.size * 14 / 20)}저 행의 폰트 .. 2026. 4. 13. 구글블로그 SEO 최적화 방법 구글블로그 SEO 최적화 관련 구글 서치 콘솔은 구글블로그 및 워드프레스 등 각종 블로그 소유자가 자신의 웹사이트가 검색 엔진에서 노출 및 활성화 정도를 파악하고 개선할 수 있도록 돕는 도구입니다. 특히 블로그스팟과 연동하면 구글에서 블로그 콘텐츠를 더 잘 인식하고, 검색 결과에 신속히 반영할 수 있어 SEO(Search Engine Optimization) 작업의 핵심이자 기본이 됩니다. 네이버 웹마스터 도구도 필수입니다.구글 블로그 SEO 최적화 방법구글 서치콘솔의 주요 기능빠른 색인(Indexing) : 블로그의 새 글이 빠르게 검색 결과에 반영됩니다.크롤링 상태 모니터링 : 구글 봇이 콘텐츠를 문제없이 크롤링하고 있는지 확인할 수 있습니다.SEO 개선 기회 파악 : 특정 키워드 성과와 검색 노출 .. 2026. 3. 22. 블로그스팟(구글블로그) 무료 스킨 웹사이트 구글 블로그(블로그스팟) 무료 스킨 다운 가능한 웹사이트입니다. 아래 10개의 사이트에서 다양한 무료 스킨을 다운로드하여 블로그에 적용할 수 있으며 접속이 원활하지 않는 사이트는 링크에 점검 중으로 표기하였습니다.구글블로그 무료스킨구글 블로그(블로거) 무료 스킨 제공 웹사이트각 사이트에서 스킨을 다운로드하기 전에 SEO 및 모바일 친화적인지 확인하고 업데이트 일자가 최근인지 주기적으로 실시하고 있는지 먼저 확인바랍니다.1. Gooyaabi Templates 주요 특징 : 다양한 무료 Blogger 템플릿 제공. 카테고리와 스타일별로 쉽게 탐색 가능.스타일 : 미니멀, 잡지형, 뉴스형, 개인 블로그 등.2. Sora Templates 주요 특징 : SEO 및 모바일 최적화된 Blogger 템플릿 제공.스타.. 2026. 3. 21. 구글블로그(블로그스팟) 표 삽입 방법 구글블로그(블로그스팟) 표 만드는 방법입니다. 글 작성 시 HTML 모드에서 아래 코드를 삽입 후 적절하게 수정 사용하면 됩니다. 예시는 반응형 4×3 표의 HTML 코드입니다. 코드 설명도 참조하면 충분히 활용 가능합니다.구글 블로그(블로그스팟) 표 만드는 방법(예시 : 4x3 테이블)아래 코드를 적용하면 다음과 같이 블로그에서 표시됩니다. 구글 블로그에서는 미리보기로 확인 바랍니다.헤더1헤더2헤더3헤더4데이터1데이터2데이터3데이터4데이터5데이터6데이터7데이터8데이터9데이터10데이터11데이터12HTML 코드▼ 다음 코드를 복사해서 편집모드 Html에 붙여넣으세요.헤더 1헤더 2헤더 3헤더 4데이터 1데이터 2데이터 3데이터 4데이터 5데이터 6데이터 7데이터 8데이터 9데이터 10데이터 11데이터 12.. 2026. 3. 13. 구글블로그 CSS 코드 - 페이지네이션 아래 이미지와 같이 구글블로그에서 생성이 됩니다. 하단 코드를 CSS에 추가하면 됩니다.구글블로그를 위한 페이지네이션 CSS 코드/* 페이지네이션 기본 스타일 */ #blog-pager { display: flex; justify-content: center; /* 가로 중앙 정렬 */ align-items: center; /* 세로 중앙 정렬 */ flex-wrap: wrap; /* 필요 시 줄바꿈 허용 */ gap: 10px; /* 버튼 간 간격 */ margin: 20px auto; /* 중앙 정렬 및 상하 여백 */ max-width: 100%; /* 너비 제한 */ text-align: center; /* 부모 요소와 텍스트 정렬 */ .. 2024. 12. 14. 이전 1 다음
