라벨이 SEO 최적화인 게시물 표시

[3] Blooger SEO - SEO 최적화에 맞게 글을 쓰는법(내부 링크 삽입, 모바일 친화적 디자인)

이미지
이전글에 이어서 진행하며 아래의 체크리스트사항에 대해 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에서 글쓰기 효율을 높이는 Markdown 사용법

이미지
- 테마 > 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 }); ...

이 블로그의 인기 게시물

윤석열 계엄령 선포! 방산주 대폭발? 관련주 투자 전략 완벽 분석

대통령 퇴진운동 관련주: 방송·통신·촛불수혜주 완벽 분석

키움 OPEN API MFC 개발 (1)