심플 이즈 베스트

# JSON-LD란? **JSON-LD**(JavaScript Object Notation for Linked Data)는 웹페이지에 구조화된 데이터를 추가하기 위한 데이터 형식입니다. Google에서 공식적으로 권장하는 방식으로, 주로 **Schema.org**와 함께 사용되며 검색 엔진이 웹페이지의 콘텐츠를 더 잘 이해할 수 있도록 돕습니다. --- ## JSON-LD의 장점 1. **Google이 권장하는 방식**: - 검색 엔진 최적화를 위해 구조화된 데이터를 추가할 때 가장 선호되는 방법입니다. 2. **리치 결과(Rich Results) 표시 가능**: - 검색 결과에 별점, 가격, 리뷰, FAQ 등 추가 정보를 표시해 클릭률(CTR)을 증가시킵니다. 3. **코드와 콘텐츠의 분리**: - JSON-LD는 HTML과 독립적으로 동작하므로 페이지 코드를 깔끔하게 유지할 수 있습니다. 4. **유지 보수 용이성**: - 데이터를 업데이트하거나 수정할 때 다른 구조화된 데이터 방식보다 간단합니다. 5. **SEO 강화 효과**: - 구조화된 데이터를 제공함으로써 검색 엔진이 페이지 콘텐츠를 명확히 이해하고 관련 검색어에 노출될 가능성을 높입니다. --- ## 지원하는 검색엔진 - **Google**: JSON-LD를 공식적으로 지원하며 가장 권장되는 구조화된 데이터 형식입니다. - **Bing**: JSON-LD를 지원하며, 콘텐츠 이해와 SEO에 활용합니다. - **Yahoo**: Bing 검색 기술을 사용하기 때문에 JSON-LD 지원이 가능합니다. - **Yandex**: JSON-LD를 통해 페이지 데이터를 처리할 수 있습니다. 아쉽게도 한국 검색엔진은 지원하지 않음 --- ## Blogger에서 적용하는 방법 - 아래코드를 head tag 위에 적용한다 - 테마 > HTML 설정 수정 > head tag 위에 적용 <b:if cond='data:view.isPost and no...

이전글에 이어서 진행하며 아래의 체크리스트사항에 대해 SEO 최적화를 Blogger에서 적용한 방법을 소개한다. - 체크리스트 7. 내부 링크 삽입 - 체크리스트 10. 모바일 친화적 디자인 --- ### 체크리스트 7. 내부 링크 삽입 - 관련된 블로그 글로 연결하여 블로그 체류 시간을 늘리고 **사이트 구조를 강화** - Blogger의 경우는 라벨별로 분류가 되지만, 연관된 글을 링크 시킬수는 없다 - Html 코드를 통해 관련된 글을 이어서 볼수있도록 한다. - **다만 글을 쓸때, HTML 작성으로 진행해야 함** - 현재 쓰여진 글의 라벨에 대해 조회하여 노출시키는 코드 - 모바일에서 조회시 같은페이지 노출 방어 추가 <!-- 목록을 표시할 HTML 컨테이너 --> <div> <h3>Related Links</h3> <ul id="label-post-list"> <!-- 여기에 '주식' 라벨의 게시물 목록이 추가됩니다 --> </ul> </div> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function () { var blogUrl = "$내블로그주소"; // 블로그 주소 var currentUrl = window.location.href; // 현재 페이지의 URL var usedLinks = new Set(); // 중복 링크 방지용 Set var cleanCurrentUrl = currentUrl.split("?")[0]; // 각 라벨별 최대 표시 갯수와 라벨 이름을 설정 var labels ...

Blogger에 국한되는건 아니지만, WordPress 처럼 SEO 최적화 Plugin이 지원되지 않는 대신 신경써야할 부분이 많다. 이를 알아보자 --- ## Blogger SEO 최적화 글쓰기 체크리스트 | 번호 | 항목 | 설명 및 이유 | Blogger 적용 예 | |------|---------------------------|----------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------| | 1 | **키워드 선정** | - 검색량이 많고 경쟁이 적은 **롱테일 키워드**를 선택하세요. | - Google 키워드 플래너 사용 - "SEO 글쓰기 팁" 같은 키워드 선택 | | | | - 독자가 자주 검색할 질문이나 주제에서 키워드를 도출하세요. | | | 2 | **제목에 키워드 포함** | - 블로그 제목에 주요 키워드를 포함하여 검색 엔진이 글의 주제를 쉽게 파악하도록 합니다. ...

# Sitemap이란 무엇인가? Sitemap(사이트맵)은 블로그의 모든 페이지, 콘텐츠, 구조를 검색 엔진에 명확히 전달하기 위해 작성된 **지도**입니다. 검색 엔진 크롤러가 블로그를 효율적으로 탐색하고 인덱싱할 수 있도록 돕는 역할을 합니다. 구글,네이버,다음,빙,네이트에 내 블로그를 알려주도록 하겠습니다. 이 포스팅은 Blogger 유저를 기반으로합니다. --- ## Sitemap의 종류 1. **XML Sitemap** - **용도**: 검색 엔진 최적화를 위해 사용되며, 크롤러에게 블로그의 중요한 페이지를 알려줌. - **포함 내용**: URL, 최근 수정 날짜, 페이지 우선순위 등. - **Blogger에서 자동 생성**: Blogger는 기본적으로 블로그의 Sitemap을 자동으로 생성하며, /sitemap.xml에 위치. ( https://yourblog.blogspot.com/sitemap.xml, 직접 웹페이지 입력해보면 xml 기반의 데이터가 resposne 된다 ) 2. **HTML Sitemap** - **용도**: 방문자가 블로그의 구조를 쉽게 이해하도록 돕는 역할. - Blogger에서는 수동으로 작성하거나, 테마와 위젯을 활용해 제작 가능. ( 해당 방법은 수동이므로 권장하지 않음, 구글 Blogger가 지원하는것 위주로 쓰자 ) --- ## Sitemap의 주요 기능 1. **검색 엔진 크롤링 최적화** - Google과 같은 검색 엔진이 블로그의 모든 포스트를 누락 없이 탐색할 수 있음. - 특히, 게시물이 많거나 분류가 복잡한 블로그에서 유용. 2. **새 콘텐츠 빠른 인덱싱** - 새롭게 작성된 포스트가 빠르게 검색 결과에 반영될 가능성이 높아짐. 3. **중복 콘텐츠 문제 방지** - 사이트맵에서 중요한 페이지를 우선순위로 설정해 중복 콘텐츠 문제를 완화. --- ## 추가로 알아보면 좋을것 RSS와 Atom - Atom이란? **Atom**은 R...

Blogger 플랫폼에서 수동으로 SEO를 최적화하려면 다음 방법을 활용할 수 있습니다. Blogger는 WordPress처럼 SEO 플러그인 지원이 없지만, HTML과 콘텐츠 편집 기능을 활용해 검색엔진 최적화를 구현할 수 있습니다. --- # SEO란 무엇인가? SEO(검색 엔진 최적화, Search Engine Optimization)는 검색 엔진(Google, Naver 등)에서 웹사이트나 콘텐츠가 더 높은 순위에 표시되도록 최적화하는 과정입니다. 검색 엔진은 특정 알고리즘에 따라 웹페이지를 분석하고, 사용자에게 가장 관련성 높은 정보를 제공하려고 합니다. SEO는 이 알고리즘의 작동 방식을 이해하고 활용하여 자연 검색 결과에서의 가시성을 높이는 데 초점을 맞춥니다. --- ## 검색 엔진의 작동 방식 1. **크롤링** - 검색 엔진 봇(예: Googlebot, Naver Search Robot)이 웹페이지를 방문해 콘텐츠를 수집합니다. - 예: Google은 새로운 페이지나 업데이트된 페이지를 크롤링하여 데이터베이스에 추가합니다. 2. **인덱싱** - 수집한 데이터를 검색 엔진 데이터베이스에 저장합니다. 이 과정에서 텍스트, 이미지, 비디오 등의 정보를 분석하고, 페이지의 주제나 관련 키워드를 판단합니다. 3. **랭킹** - 사용자가 검색할 때, 관련성, 권위성, 사용자 경험 등을 기준으로 가장 적합한 결과를 순서대로 보여줍니다. - 예: 네이버는 사용자의 로컬 정보(예: 지역 기반 검색어)와 카페, 블로그 등의 데이터를 포함한 통합 검색을 제공합니다. --- ## Google SEO와 Naver SEO의 차이점 1. **Google SEO** - 글로벌 기준에 맞춘 **콘텐츠 품질**과 **링크 구조**를 중요하게 평가합니다. - 주요 요소: 백링크(외부 웹사이트 링크), 모바일 최적화, 페이지 로딩 속도 등. 2. **Naver SEO** - 네이버는 검색 알고리즘 외에도 블로그, 카페, 쇼핑...

- 테마 > HTML 수정 --- - Head 에 다음정보를 넣습니다. <head> ... <!-- 외부 스크립트 로드 --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/default.min.css" rel="stylesheet"/> </head> --- - Body 내에 아래 코드넣습니다. <body> ... <!-- Markdown 변환 및 하이라이팅 스크립트 --> <script> document.addEventListener("DOMContentLoaded", function () { var converter = new showdown.Converter({ tables: true, strikethrough: true, openLinksInNewWindow: true }); ...