심플 이즈 베스트

# 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 not data:view.isHomepage and not data:view.isArchive'> ...

이전글에 이어서 진행하며 아래의 체크리스트사항에 대해 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 = { "label-post-list": { name: "라벨", maxResults: 10 }, // 라벨에서 10개 표시 }; ...

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

# 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 은 RSS와 유사한 기능을 하지만, 더 발전된 피드 형식 입니다. XML 기반이지만 구조와 확장성을 개선하여 RSS보다 세부적인 기능을 제공합니다. -...

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 }); // 각 'pre.markdown' 요소를 Markdown 변환 document.querySelectorAll("pre.markdown").forEach(function (block) { var rawMarkdo...