[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 = {
"label-post-list": { name: "라벨", maxResults: 10 }, // 라벨에서 10개 표시
};
// 각 라벨별로 게시물 가져오기
Object.keys(labels).forEach(function (listId) {
var labelData = labels[listId];
var labelName = labelData.name;
var maxResults = labelData.maxResults;
var feedUrl = `${blogUrl}/feeds/posts/summary/-/${labelName}?alt=json&max-results=${maxResults}`;
// JSON 데이터 가져오기
fetch(feedUrl)
.then(response => {
if (!response.ok) throw new Error("네트워크 응답에 문제가 있습니다.");
return response.json();
})
.then(data => {
var posts = data.feed.entry;
var listContainer = document.getElementById(listId);
// 피드 내 게시물 목록 생성
if (posts && listContainer) {
posts.forEach(post => {
var title = post.title.$t;
var link = post.link.find(link => link.rel === "alternate").href;
// URL 파라미터 제거
var cleanLink = link.split("?")[0];
// 현재 페이지와 다른 글이며 중복이 아닐 때만 추가
if (cleanLink !== cleanCurrentUrl && !usedLinks.has(cleanLink)) {
var listItem = document.createElement("li");
var anchor = document.createElement("a");
anchor.href = cleanLink;
anchor.textContent = title;
listItem.appendChild(anchor);
listContainer.appendChild(listItem);
usedLinks.add(cleanLink); // 중복 방지용 Set에 추가
}
});
} else {
listContainer.innerHTML = "<li>이 라벨의 게시물이 없습니다.</li>";
}
})
.catch(error => {
console.error("게시물 가져오기 오류:", error);
document.getElementById(listId).innerHTML = "<li>게시물을 불러올 수 없습니다.</li>";
});
});
});
</script>
위 코드는 공통이 아닌 글(본문)마다 필요하다.
맨 밑에 위 코드를 추가하고, 라벨과 blogger 주소를 넣게되면 아래와 같이 나온다
체크리스트 10. 모바일 친화적 디자인
- 모바일 친화적 디자인을 써야하나는 이유
Google의 모바일 우선 색인(Mobile-First Indexing)
- Google은 모바일 버전을 기준으로 검색 색인을 생성.
- 반응형 디자인은 동일한 URL 사용으로 크롤링 효율적.
더 나은 사용자 경험 (UX)
- 빠르고 사용하기 편한 디자인은 이탈률 감소와 페이지 체류 시간 증가에 기여.
로딩 속도 개선
- 모바일 친화적 웹사이트는 속도 최적화에 유리.
- 빠른 로딩 속도는 Google의 검색 순위에 긍정적.
소셜 미디어 공유 증가
- 모바일에서 보기 좋은 콘텐츠는 공유 가능성을 높임.
검색 결과 표시 개선
- 모바일 친화적인 웹사이트는 검색 결과에 유리한 평가.
- 모바일 친화적 디자인 설정 방법
- 모바일 친화적인 테마 선택
- Blogger 관리자 화면 → "테마"로 이동.
- 반응형(Responsive) 테마 선택:
예) Contempo, Soho, Emporio
> 반응형 테마는 화면 크기에 따라 자동으로 레이아웃이 조정됩니다.
- 위 세개 중 하나 선택하면 반응형으로 적용됨
- 미리보기에서 아래 클릭시 모바일 화면 확인 가능
- 모바일 친화성 테스트
- Google의 모바일 친화성 테스트 사용.
- blogger 페이지 띄우고 > Chrome에서 F12 > LightHouse > 모바일 > 페이지 로드 분석 진행
- Lighthouse통한 SEO 체크
- 내 Blogger 페이지의 SEO 점수
관련 내용을 참고하여
Blogger유저의 SEO개선에 도움이 되었으면 합니다.
Related Links
이 블로그의 인기 게시물
윤석열 계엄령 선포! 방산주 대폭발? 관련주 투자 전략 완벽 분석
## 1. 배경 2024년 12월 3일, 윤석열 대통령이 국가 비상사태를 이유로 계엄령을 선포하였습니다. 계엄령은 전시나 사변 등 국가의 안녕과 공공질서가 심각하게 위협받을 때 대통령이 군사적 권한을 통해 이를 방어하고 유지하기 위해 발효하는 특별한 조치입니다. 이러한 조치는 국내 정치·경제 전반에 큰 영향을 미치며, 특히 주식시장에서는 관련 기업들의 주가 변동이 예상됩니다. 24.12.03 오전 5시 계엄 해제로 아래 관련주 추천 - [윤석열 계엄령 해제! 이재명 관련주 급등? 투자자 필독 전략](https://warguss.blogspot.com/2024/12/yoon-martial-law-lift-lee-jaemyung-stocks.html) --- ## 2. 기업 및 관련주 ### 2-1 식품 관련주 - 계엄령이 선포되면 사회적 불안정성이 증가할 수 있으며, 이에 따라 생필품 및 음식 관련 주식이 단기적으로 강세를 보일 가능성이 있습니다. #### 1. CJ제일제당 (KOSPI: 097950) [시가총액: 약 10조 원] - **주요 산업**: 식품 및 생필품 제조 - **관련주 근거**: 국가적 위기 상황에서 식료품 수요가 증가하며, 즉석밥, 가공식품 등의 판매가 확대될 가능성이 있습니다. - **주가정보**: [네이버 차트](https://finance.naver.com/item/main.nhn?code=097950) #### 2. 오뚜기 (KOSPI: 007310) [시가총액: 약 3조 원] - **주요 산업**: 식품 제조 및 유통 - **관련주 근거**: 라면, 즉석식품 등 비축 가능한 식품 수요가 증가하며, 매출 상승이 기대됩니다. - **주가정보**: [네이버 차트](https://finance.naver.com/item/main.nhn?code=007310) #### 3. 대상 (KOSPI: 001680) [시가총액: 약 2조 원] - **주요 산업**: 식품 제조 및 발효제품 - **관련주 근거**: 계엄...
한국 핵무장 논의와 방위산업 관련주: 핵무기 개발 과정과 유망 종목 분석
한국의 독자적 핵무장 논의가 주요 이슈로 떠오르며 방위산업 관련 주식들이 주목받고 있습니다. 특히, 핵무기 및 방어 관련 기술력을 보유한 기업들이 관심을 끌고 있어 투자자들에게 큰 잠재적 수혜가 예상됩니다. 트럼프 전 미국 대통령의 재집권 가능성 등 외교적 변화는 이러한 방위산업 관련주를 더욱 부각시키고 있습니다. --- ### 핵무기 생산과정 요약 #### **핵연료 확보** : 고농축 우라늄-235 또는 플루토늄-239와 같은 핵분열 물질을 확보하는 과정입니다. - **우라늄 농축**: 우라늄-235의 비율을 약 90% 이상으로 높이는 과정입니다. - **플루토늄 생산**: 원자로에서 우라늄-238을 중성자로 포획하여 플루토늄을 생성하고 이를 화학적으로 분리합니다. #### **폭발 장치 개발** : 확보한 핵연료를 폭발할 수 있도록 설계된 장치입니다. - **충돌 방식 (Gun-type)**: 고농축 우라늄을 이용해 두 덩어리를 빠르게 결합시켜 핵분열을 유도합니다. - **내부 압축 방식 (Implosion-type)**: 고폭압력으로 플루토늄을 압축하여 임계 질량을 초과하도록 합니다. ####. **무기화 및 배치** - 폭발 장치를 무기 형태로 조립하여 배치 가능한 상태로 만드는 과정입니다. 미사일, 폭격기 등에 탑재될 수 있도록 설계합니다. --- ### 핵심적인 부분 가장 중요한 부분은 **핵연료 확보**와 **폭발 장치 개발**입니다. - **핵연료 확보**: 핵분열 물질 확보가 핵무기 개발의 필수 조건입니다. 우라늄 농축과 플루토늄 생산은 고도의 기술력을 요구하며, 보안과 국제적인 감시가 강화된 부분입니다. - **폭발 장치 개발**: 핵연료가 있어도 이를 효과적으로 폭발시키는 장치가 없다면 무기화가 불가능합니다. 압축 방식 등 폭발 장치 개발 기술이 핵무기의 폭발력과 신뢰성을 좌우하는 중요한 요소입니다. --- ### 핵연료 확보 관련 기업 - **한전원자력연료 (KEPCO NF)** :...
[로스트아크] 제작 효율 최적화 위한 영지 세팅
### 1. 대성공 확률 증가 vs. 제작 수수료 절감 - **대성공 확률 증가**: 대성공 확률이 2% 증가해도 실제 효과는 크지 않습니다. 예를 들어, 기본 대성공 확률 5%에 2% 증가를 적용해도 실질적인 효과는 0.1% 증가에 불과합니다. - **제작 수수료 절감**: 제작 수수료를 2% 절감할 경우, 제작할 때마다 발생하는 골드 비용을 직접적으로 줄일 수 있어 비용 절약 효과가 훨씬 큽니다. - 결과적으로, 제작 수수료 절감이 대성공 확률 증가보다 약 10배 더 많은 이득을 제공합니다. 따라서 대성공 확률보다는 수수료 절감에 집중하는 것이 권장됩니다. --- ### 2. 효율적인 영지 세팅을 위한 이득 극대화 세팅 - 영지 내 필수 세팅 아이템으로 "곡예사의 대기실," "찬란한 소원 나무," "여신의 가호"가 추천됩니다. - **곡예사의 대기실**: 마리샵에서 블루 크리스탈로 구매할 수 있으며, 기본적인 제작 효율을 높이는 데 필수 아이템입니다. - **찬란한 소원 나무**: 수수료 절감을 제공하여 제작 비용을 절감하는 효과가 있어 이득 극대화에 도움이 됩니다. - **여신의 가호**: 미술품 42개를 모아 획득할 수 있으며, 추가적인 제작 효율을 제공합니다. 여유가 있다면 필수로 장착하는 것이 좋습니다. - 여신의 가호 대신, **곡예사의 무기 진열대**를 구매해 사용할 수도 있으며, 경제적인 선택지로 활용할 수 있습니다. --- ### 3. 의상 세팅 (선택적 적용) - 특정 의상을 착용하면 제작 효율이 약간 증가하지만, 최적의 의상 옵션은 없기 때문에 필수는 아닙니다. 크리스탈 비용이 부담스러울 경우 생략 가능하며, 다른 세팅을 우선적으로 강화하는 것이 좋습니다. - **드레스룸 이용**: 크리스탈을 사용하여 드레스룸에서 특정 NPC와의 호감도로 얻을 수 있는 의상을 구매할 수 있습니다. - **추천 의상**: 페...
댓글
댓글 쓰기