PowerPack Elementor의 Sitemap 위젯을 사용하여 웹사이트용 Sitemap을 만드는 방법은 무엇입니까?

검색 엔진 최적화(SEO)에 대해 읽으면서 XML 사이트맵과 같은 용어를 들어본 적이 있을 것입니다. XML Sitemap 또는 간단히 말해 Sitemap 은 웹사이트의 콘텐츠를 XML 형식으로 나열하는 파일이므로 Google과 같은 검색 엔진에서 콘텐츠를 쉽게 색인화할 수 있습니다. 웹사이트의 robots.txt 파일과 유사하게 Sitemap은 사이트 콘텐츠의 지도를 제공하여 Google 및 기타 검색 엔진이 웹사이트를 쉽게 크롤링할 수 있도록 도와줍니다.

Sitemap에는 일반적으로 다음과 같은 유용한 메타데이터가 포함되어 있습니다.

• 사이트 페이지의 원시 URL입니다.
• 특정 페이지가 마지막으로 수정된 시간에 대한 정보입니다.
• 사이트의 특정 URL에 있는 이미지.

아래는 참조용으로 Sitemap이 어떻게 보이는지 보여주는 스크린샷입니다.

이제 Sitemap이 무엇인지 알았으므로 웹 사이트에 어떻게 도움이 되는지 이해하겠습니다.

Sitemap을 추가하면 WordPress 웹사이트가 어떻게 향상됩니까?

웹사이트에 Sitemap을 추가하면 검색 엔진이 웹사이트를 쉽게 크롤링하는 데 도움이 됩니다. 다음은 사이트맵이 WordPress 웹사이트를 개선하는 다른 방법 중 일부입니다.

• Sitemap을 사용하면 해당 페이지에 해당 메타데이터를 추가하여 특정 페이지를 우선적으로 크롤링하도록 Google에 요청할 수 있습니다.
• Google은 사이트맵이 없는 경우에도 웹사이트를 크롤링하지만 사이트맵이 있으면 사이트맵이 없는 경우보다 검색 엔진 봇이 콘텐츠를 더 빠르게 크롤링할 수 있습니다. 그 결과 Google에서 사이트 페이지의 색인을 더 빠르게 생성할 수 있습니다.
• 사이트맵을 Google Search Console에 추가하면 콘솔을 사용하여 Search Console에서 제공하는 분석을 통해 사이트 페이지를 얼마나 효과적으로 색인화하고 있는지 확인할 수 있습니다.
• Google 검색 센터에 따르면 사이트에서 많은 미디어 파일(동영상, 이미지)을 사용하는 경우 Google은 해당되는 경우 사이트맵의 추가 정보를 검색에 사용할 수 있습니다. 여기에는 이미지 유형, 이미지 주제, 이미지 라이선스 세부 정보 등이 포함될 수 있습니다.

다음은 WordPress 사이트에 Sitemap을 추가할 때의 몇 가지 이점입니다. 이제 웹사이트에 Sitemap이 필요한지 어떻게 결정할 수 있는지에 대한 질문이 생깁니다.

Sitemap이 필요하십니까?

내 웹사이트에 Sitemap이 필요합니까? - 많은 분들이 궁금해 하시는 질문이니 최대한 명확하게 답변해 보도록 하겠습니다.

Sitemap이 웹사이트에 도움이 되는 경우

1. 새 웹사이트를 시작했는데 외부 링크가 거의 없는 경우 사이트맵이 있으면 정말 유용합니다. 그 이유는 Google 검색 센터에서 인용한 것처럼 "Googlebot 및 기타 웹 크롤러가 한 페이지에서 다른 페이지로 링크를 따라 웹을 크롤링합니다. 결과적으로 다른 사이트에 링크되지 않으면 Google에서 귀하의 페이지를 찾지 못할 수 있습니다."
2. 웹사이트에 많은 양의 미디어 콘텐츠가 있는 경우 Google이나 다른 검색 엔진이 미디어 항목(이미지, 동영상)에 대한 추가 정보를 필요로 하는 경우 사이트맵에서 가져올 수 있기 때문에 사이트맵이 있으면 정말 유용할 수 있습니다.
3. 사이트에 많은 수의 페이지가 있는 경우 Google 검색 크롤러가 사이트에서 최근에 추가되거나 업데이트된 일부 페이지를 간과하게 되는 경우가 있습니다. Sitemap이 있으면 모든 페이지가 검색 엔진에 의해 크롤링되는지 확인하십시오.
4. 웹사이트에 서로 잘 연결되지 않은 페이지가 많다면 Google이나 다른 검색 크롤러가 이를 간과할 수 있습니다. 이러한 상황을 피하려면 Sitemap을 사용하는 것이 좋습니다.

Sitemap이 도움이 되는 경우를 살펴보았으므로 Sitemap이 있는 것이 그다지 중요하지 않은 다른 측면도 살펴보겠습니다.

Sitemap이 필요하지 않은 경우

1. 사이트의 페이지는 Google이 홈페이지의 링크를 따라 사이트의 다른 페이지로 쉽게 이동할 수 있도록 철저하게 연결되어 있습니다.
2. 귀하의 사이트는 Google 검색 결과에 표시하려는 미디어 파일로 구성되어 있지 않습니다. 아시다시피 Sitemap은 검색 결과에 표시하기 위해 미디어 파일에 대한 정보를 가져올 수 있으므로 검색 결과에 표시할 미디어 파일이 없으면 Sitemap이 필요하지 않습니다.

지금까지 XML Sitemap이 무엇인지, 웹사이트에 Sitemap이 있을 때의 이점, Sitemap이 필요하거나 필요하지 않은 경우에 대해 살펴보았습니다.

이제 사이트에 이미 Sitemap을 추가한 다음 Sitemap이 필요하지 않을 수 있음을 이해했다고 가정해 보겠습니다. 따라서 여기서 발생하는 자연스러운 질문 은 Sitemap이 귀하의 사이트에 부정적인 영향을 미칩니까? 우리는 다음 섹션에서 이 질문에 답하려고 노력할 것입니다!

Sitemap이 귀하의 사이트에 부정적인 영향을 미칩니까?

아니요! Sitemap이 있으면 사이트에 부정적인 영향을 미치지 않습니다. 일어날 수 있는 최악의 상황은 사이트맵을 추가한 후 긍정적인 결과를 볼 수 없다는 것입니다. Google에서 인용한 바와 같이, “대부분의 경우 귀하의 사이트는 사이트맵이 있으면 이점을 얻을 수 있으며 사이트맵 이 있다고 해서 불이익을 받지는 않습니다. "

이제 XML Sitemap에 대해 자세히 알았으므로 PowerPack Elementor의 Sitemap 위젯을 사용하여 Elementor 사이트용 Sitemap을 만드는 방법을 살펴보겠습니다.

PowerPack Elementor의 Sitemap 위젯을 사용하여 Sitemap 만들기

또한 PowerPack Elementor의 Sitemap 위젯을 사용하여 Sitemap을 만드는 방법을 자세히 설명하는 짧은 동영상도 만들었습니다. 따라서 동영상 설명이 마음에 드시면 한 번 보시는 것을 추천합니다.

이제 계속합시다. Sitemap을 만들려면 다음 두 가지 플러그인을 사용합니다.

• Elementor 무료 버전: Elementor를 받으세요.
• Elementor용 PowerPack: PowerPack을 받으세요.

이 플러그인을 설치하고 활성화하면 WordPress 대시보드 > 페이지 > 새로 추가로 이동하여 새 페이지를 만들어야 합니다. 페이지 이름을 "Sitemap"으로 지정합니다.

그런 다음 "Elementor로 편집" 을 클릭하여 Elementor Page Builder에서 페이지를 엽니다.

Elementor 편집기 실행

"Edit with Elementor" 를 클릭하자마자 Elementor 편집기가 열립니다. 그런 다음 Elementor 편집기에서 Sitemap 위젯 을 끌어다 놓습니다. Sitemap 위젯 을 추가하는 즉시 사이트의 카테고리 목록과 함께 열의 페이지 목록이 기본 설정으로 다른 열에 나타나는 것을 볼 수 있습니다.

아래 스크린샷은 Sitemap 위젯을 추가한 후의 페이지 모양을 보여줍니다.

이제 PowerPack의 Sitemap 위젯을 페이지에 추가했으므로 Elementor 편집기의 콘텐츠 및 스타일 탭에서 몇 가지 사용자 지정 및 스타일 지정을 수행합니다.

콘텐츠 탭에서 PowerPack Elementor의 사이트맵 위젯 사용자 지정

위의 스크린샷에서 볼 수 있듯이 Sitemap 위젯의 콘텐츠 탭은 요구 사항에 따라 사이트에 링크를 표시할 수 있는 옵션을 제공합니다.

먼저 사이트에 표시할 Sitemap 유형을 선택할 수 있습니다. "포스트 유형" 과 "분류" 중에서 선택할 수 있습니다. 여기의 예에서는 유형 을 "포스트 유형" 으로 선택했습니다.

다음으로 Source of Taxonomy 를 선택해야 합니다. 내 모든 제품을 Sitemap에 표시하고 싶었기 때문에 소스 를 "제품" 으로 선택했습니다. 목록에서 소스를 선택할 수 있습니다.

다음 옵션은 "제품 제외" 입니다. 사이트맵에서 제품을 제외할 수 있습니다. 더 나아가 분류를 표시하는 섹션의 제목 을 변경할 수 있습니다. 기본 제목은 "페이지 "였습니다. 그러나 위의 스크린샷에서 볼 수 있듯이 "제품" 으로 변경했습니다.

마지막으로 분류를 오름차순 또는 내림차순 으로 정렬할 수 있습니다. Sitemap 위젯의 " 정렬 기준 " 옵션을 사용하여 날짜, 제목, 메뉴 순서 또는 무작위 로 분류를 정렬 할 수 있습니다.

콘텐츠 탭의 또 다른 옵션은 "계층적 보기" 입니다. 이 기능이 어떻게 작동하는지 알아보기 위해 Sitemap에 "제품 카테고리" 라는 다른 항목을 추가했습니다. 아래 스크린샷에서 볼 수 있듯이 " 유형 "을 "분류" 로, "소스" 를 "제품 범주" 로 선택했습니다. 아래 스크린샷에서 볼 수 있듯이 계층적 보기 도 활성화 했습니다.

여기에서 "제품 카테고리" 에는 카테고리 및 하위 카테고리 계층 이 있으므로 이 옵션을 사용하여 카테고리 를 계층적 순서로 표시 할 수 있습니다. Sitemap에 표시할 계층 구조 의 깊이 를 선택할 수도 있습니다.

PowerPack Elementor의 콘텐츠 탭에 있는 콘텐츠 탭의 다른 옵션은 다음과 같습니다.

• 열: 원하는 만큼 열에 사이트맵을 표시하도록 선택할 수 있습니다. 이 예에서는 열 을 "4" (위 스크린샷에 표시됨)로 선택했지만 표시할 항목은 2개(제품 및 제품 카테고리)뿐이므로 사이트맵은 2개의 열에 걸쳐 있습니다.
• 제목 HTML 태그: 여기에서 사이트맵의 항목 제목에 대한 제목 태그를 선택할 수 있습니다. 우리는 이것을 H2로 선택했습니다.
• nofollow 추가: 이 옵션을 활성화하면 사이트맵의 링크에 "nofollow" 태그가 추가됩니다. "nofollow" 태그는 검색 엔진에 링크를 무시하고 검색 엔진 순위에 영향을 미치지 않도록 합니다.
• 새 창에서 열기: 이름에서 알 수 있듯이 이 기능을 활성화하면 사이트맵의 모든 링크가 새 창에서 열립니다.

콘텐츠 탭에서 아래로 내려가면 또 다른 섹션이 "트리 구조" 입니다. 트리 구조에는 "트리 레이아웃" 을 활성화하거나 비활성화하는 옵션이 있습니다. 여기서 주의할 점 은 Post Type 또는 Taxonomy for Tree Layout이 작동하려면 Hierarchical View 옵션을 활성화해야 한다는 것입니다.

위의 스크린샷에서 볼 수 있듯이 트리 구조 를 활성화 하면 "제품 카테고리" 사이트맵 이 나무와 가지 같은 구조로 바뀌었습니다. 제품 카테고리에서 "+" 아이콘을 클릭하면 상위 카테고리의 하위 카테고리가 열립니다. 트리 구조 옵션이 활성화된 후 하위 범주의 분기가 수행되는 방식을 이해하려면 아래 스크린샷을 살펴보십시오.

이것은 PowerPack Elementor의 Sitemap 위젯의 Content 탭에 관한 것이었습니다. 이제 스타일 탭으로 이동하여 Sitemap 위젯의 스타일을 지정해 보겠습니다.

스타일 탭에서 PowerPack Elementor의 사이트맵 위젯 스타일링

위의 스크린샷에서 볼 수 있듯이 Sitemap 위젯은 스타일 탭의 3개 섹션으로 구성되어 있습니다.

• 목록
• 제목
• 항목 나열

각 섹션을 하나씩 살펴보겠습니다.

목록: 이름에서 알 수 있듯이 이 옵션을 사용하면 페이지에 있는 전체 Sitemap 목록의 스타일을 지정할 수 있습니다. 목록의 들여쓰기 를 변경하고, 목록에 배경색 을 추가하고, 테두리 속성 을 적용하고, 목록에 패딩 을 추가할 수 있습니다. 아래 스크린샷에서 볼 수 있듯이 목록에 들여쓰기 10을 적용했습니다.

제목: 스타일 탭의 다음 옵션입니다. 이 옵션을 사용하여 Sitemap 항목의 제목에 스타일을 지정할 수 있습니다. 이 옵션을 통해 정렬, 배경색, 텍스트 색상을 변경하고 테두리 속성을 적용하고 제목에 여백 과 패딩 을 추가하고 제목의 타이포그래피 를 변경할 수 있습니다.

위의 스크린샷은 제목에 적용된 스타일을 보여줍니다. 왼쪽 정렬을 선택하고 제목에 배경색과 텍스트 색상을 적용했습니다. 또한 제목에 여백과 패딩을 추가하고 기본 타이포그래피를 변경했습니다.

목록 항목 : 이름에서 알 수 있듯이 이 옵션은 사이트맵에서 목록 항목의 스타일 을 지정하는 데 사용할 수 있습니다. 항목의 배경색, 텍스트 및 호버 색상 , 타이포그래피를 변경하고 사이트맵의 항목 목록에 패딩을 적용할 수 있습니다 . 아래 스크린샷을 보고 스타일 변경 사항을 적용한 후 사이트맵이 어떻게 보이는지 확인하십시오.

이것은 PowerPack Elementor의 Sitemap 위젯용 Elementor Editor의 Style 탭에 관한 것이었습니다.

마무리!

위의 단계에서 Sitemap 페이지를 스타일리시하고 우아한 느낌을 갖도록 사용자 정의하고 스타일을 지정했습니다. 계층적 보기 및 트리 보기와 같은 사용자 정의와 타이포그래피, 배경색 및 호버 색상과 같은 스타일 옵션을 조합하여 이 모양을 구현했습니다. 위 스크린샷에서 사용한 옵션을 확인할 수 있습니다.

아래 에서 PowerPack Elementor의 Sitemap 위젯 을 사용한 Sitemap 페이지 빌드를 확인하십시오!

이 튜토리얼의 도움으로 웹사이트의 Sitemap 페이지를 쉽게 설정할 수 있었을 것이라고 확신합니다.

Elementor용 PowerPack 애드온으로 더 많은 작업을 수행할 수 있습니다. Elementor 페이지를 사용자 정의하는 데 사용할 수 있는 70개 이상의 크리에이티브 위젯이 있습니다. Elementor용 PowerPack 애드온에 대해 자세히 알아보려면 여기를 확인하십시오.

이 튜토리얼에 대해 어떻게 생각하십니까? 이 가이드가 유용했다면 공유하십시오!