이 기사에서는 귀하의 웹사이트의 모든 기사와 게시물에 색인 또는 목차가 있는 중요성을 설명하겠습니다. 또한 워드프레스나 HTML에서 직접 색인을 만드는 방법에 대해서도 설명하겠습니다. 이제 목차로 시작하겠습니다:
정확히 제가 워드프레스에서 내 기사 요약을 만드는 방법입니다. 수동으로 플러그인 없이, 내가 원하는 단어와 ID를 사용할 수 있습니다. 워드프레스를 수많은 플러그인으로 무겁게 만드는 것 없이 내가 원하는 기사에 이 모든 것을 사용할 수 있습니다.
인덱스 또는 색인은 문서나 책의 주요 항목이나 섹션을 나열한 목록이며, 요약은 주요 내용이나 정보를 간략하게 정리한 것입니다.
포스트나 글에서 내부 앵커 링크에 대해 이야기하는데, 일반적으로 글의 부제목(H2)으로 독자를 직접 안내합니다. 이렇게 하면 독자가 2000 단어의 글을 읽는 데 시간을 많이 소비하지 않거나 단일 글에서 여러 가지 주제를 다룰 때 효과적일 수 있습니다.
일반적으로 색인은 알파벳, 체계, 연대, 숫자 또는 알파벳순으로 정렬된 단어 목록입니다.
색인은 지표, 신호 또는 증상과 동일하며, 특정 상황이나 조건을 비교하고 설명하는 데 사용되는 참조 요소로, 책의 페이지나 목록의 항목도 함께 제공합니다.
목차는 문서의 시작 부분에 있는 리스트로, [논문, 책 등] 모든 장을 포함합니다. 목차는 주요 구분과 다른 문서의 섹션을 내용이 이어지는 순서대로 열거한 것입니다, 따라서 빠르고 간단하며 응집력 있고 간결한 요약입니다.
번역 중인데요, 둘 다 같은 의미를 가지고 있지만, 저는 개인적으로 목차라고 부르는 게 더 좋아요. 어떤 사람들은 워드프레스에서 색인을 찾을 수도 있고, 다른 사람들은 목차를 찾을 수도 있으며, 어떤 사람들은 앵커 링크를 찾을 수도 있어요.
주요 이유는 구글의 순위와 노출을 높이고 더 많은 사람들에게 도달하기 위해서 두 표현을이 기사에서 사용하는 것입니다. 사실, 기사에서 요약과 색인을 사용하는 것은 바로 그 목표입니다.
앵커 텍스트의 중요성과 색인
앵커 텍스트 링크는 페이지의 일부로 이어지는 링크나 다른 페이지로 이어지는 링크를 가리킵니다. 이러한 링크들은 매우 중요하며 경쟁에서 높은 위치를 차지하고 싶다면 결코 무시해서는 안됩니다.
요약과 색인은 기사나 포스트에서 매우 중요합니다. 이는 앵커 링크가 기사의 순위를 쉽게 만들어주고, 대안적인 키워드로 더 자주 나타나게 할 수 있기 때문입니다.
이렇게 하면 항상 기사에 요약을 추가하여 SEO를 향상시킬 수 있습니다. 저는 수동으로 이 작업을 수행합니다. 많은 사람들은 플러그인을 사용하지만, 나는 수동으로 하는 것이 앵커 링크의 ID를 더 잘 사용자화할 수 있다고 믿습니다.
앵커 텍스트를 가진 색인은 어떻게 되어야 합니까?
차례는 강조된 블록에 다른 배경색과 굵은 제목으로 나열되어야 합니다 (저는 포맷된 블록을 사용합니다). 콘텐츠 목록은 앵커 링크를 가질 주제 뒤에 [-] 대시로 정렬될 수 있습니다.
당신이 서두 목차의 항목을 부제목과 동일한 단어로 만들어도 되고 아니어도 됩니다. 가끔은 색인과 H2 부제목에서 단어를 약간 바꾸는 것을 선호합니다. Google에서 텍스트가 더 잘 찾아지도록 다양한 단어를 사용하려고 노력합니다.
앵커는 [#]로 시작하는 링크입니다. 이것은 페이지 내부의 경로를 나타냅니다. 일부는 제목과 관련 없는 숫자나 단어로 임의의 앵커 링크를 넣는 버릇이 있습니다.
우리는 앵커 [#exemplo]라 하더라도, 구글 및 다른 검색엔진에서 더 잘 나타나기 위해 키워드를 포함해야 한다는 점을 기억해야 합니다. 따라서 앵커에는 숫자나 무작위한 것들을 사용하지 말아야 합니다.
당신은 항상 아이콘에서 링크가 사슬로 표현되나요? 그리고 앵커는 실제로 묶인 안초르(부상용적인 물건)로 표현되나요? 간단히 번역하면, 앵커는 사슬의 끝이거나 어딘가에 성립된 링크의 최종 목적지입니다.
당신의 논문에 인덱스를 만드는 것에는 어떤 문제가 있나요?
검색 엔진 최적화 및 웹 사이트 순위에 매우 유익하지만 색인은 독자가 원하는 부분으로 직접 건너뛸 수 있게 하여 웹 사이트에 머무르는 시간이 줄어들고 광고를 덜 볼 수 있습니다. 이는 이탈률 및 클릭 당 비용(CPC)에 영향을 주거나 주지 않을 수 있습니다.
글과 포스트에는 짧은 문구의 색인이라도 이상하게 보일 수 있습니다. 일반적으로 800 단어 이상이고 H2 소제목이 3개 이상 있는 글에서는 링크 앵커가 있는 색인을 사용합니다.
수동으로 이 작업을 수행하면 자동으로 생성된 ID와는 다른 권한을 가지게 됩니다. 수동으로 작업을 수행하면 사용자 정의 앵커를 추가할 수 있으며 Google이 부정적으로 간주하는 가능성을 줄일 수 있습니다.
HTML에서 색인 만드는 방법
워드프레스의 새로운 버전인 구텐베르그 편집기가 나오기 전에는 목차와 앵커 링크를 만들기 위해 수동으로 HTML 코드를 사용해야 했습니다. 오늘날에는 새로운 구텐베르그 편집기 덕분에 이 작업이 훨씬 쉬워졌습니다.
그래도 HTML에서 앵커 링크가 어떻게 작동하는지 상세히 설명하겠습니다. 목차 외에도 앵커 링크가 이동할 위치에 [ID]를 수동으로 추가해야 합니다. 일반적으로 이 ID는 헤더 (H2, H3 및 H4)에 넣습니다.
먼저 색인 또는 목차에는 다음과 같이 HTML 코드가 포함될 것입니다:
<strong>논문 요약</strong> <a href="/ko/”/#nome_da_ancora”">- 앵커 타이틀</a> <a href="/ko/”/#nome_da_ancora2”">- 앵커 제목 2</a> <a href="/ko/”/#nome_da_ancora3”">- 앵커 제목 2</a>
HTML 결과물은 다음과 같이 될 것입니다:
이것은 HTML로 작성된 요약입니다. 링크 태그 를 동일하게 사용하지만, 링크 대신 href=#blabla를 추가하고, 해시태그 [#]는 링크가 같은 페이지 내에 있으며 ID를 나타냄을 의미합니다.
해시태그를 추가하려면 제목 H2 또는 다른 위치에 경로를 추가해야 합니다. 일반적으로 HTML 결과는 다음과 같습니다:
<h2 id="nome_da_ancora">
워드프레스에 플러그인 없이 새목록 만드는 방법
해시태그를 사용할 필요가 없습니다. 워드프레스 편집기에서 키워드 사이에 따옴표를 사용하지 않고 ID를 추가할 수 있습니다. 이 문제는 자동으로 수정되며 대부분의 HTML 리더 및 편집기가 따옴표를 사용하지 않고 이해할 수 있다고 생각합니다.
이제 목차의 작동 방식을 알았으니, 새로운 Gutenberg 편집기에서 더 나은 작업을 제안합니다. 모든 H2 헤더가 포함된 기사를 작성한 후, 정보 버튼을 클릭하면 문서 개요 아래에 나타나는 전체 목차를 간단히 복사할 수 있습니다.
이 요약은 이미 Gutenberg 편집기의 내부 해시태그와 ID로 이루어져 있습니다. 단순히 WordPress의 사전 포맷 상자에 모두 복사하여 붙여넣을 수 있으며, 함께 오는 H2를 지우고 마지막에 [-]를 덧붙여 완료하면 됩니다.
그냥 목차 링크를 편집하고 사용자 정의 해시태그를 넣으면 됩니다. 위의 예시처럼 하면 됩니다. 그 후에 그렇게 한 다음에는 H2 제목을 통해 문서를 돌아다니면서 선택한 후 블록의 옵션으로 가면 됩니다.
H2 및 기타 제목의 블록 옵션에서 고급 탭에서 HTML 앵커 옵션을 찾을 수 있습니다. 이 필드에 목차에 추가한 ID를 입력하면 되며, 해시태그를 사용하지 마세요 [#]. 워드프레스가 HTML을 편집할 필요 없이 자동으로 추가할 것입니다.
워드프레스에서 목차를 만드는 플러그인
기사에서 수기로 목차를 만드는 것에 대해 언급했고, 링크를 깨끗하게 유지하기 위해 플러그인을 사용하는 것을 거부했다. 불행히도 마음을 바꾸었고 시간과 노력을 절약하기 위해 플러그인을 사용하게 되었다.
현재 LuckyWP Table of Contents 플러그인을 사용하고 있으며, 앵커 링크를 소문자로, 악센트 없이 H2 및 H3 제목과 동일하게 설정하고 있습니다. 플러그인에 대해 말할 것이 많지는 않지만, 만약 찾고 있는 것이 있다면, 이 플러그인이 최고라 생각합니다.
텍스트 편집기를 사용하여 거대한 목차에 앵커 설정
문서 편집기에는 HTML로 작성된 워드프레스 게시물 요약 또는 기타 텍스트에 자동으로 해시태그와 ID를 추가할 수 있게 해주는 변수 치환 도구를 보유한 것이 있습니다.
나는 MacOS를 사용하므로 CODA 2 텍스트 편집기를 사용합니다. 나는이 편집기를 찾은 유일한 것이고 시작과 끝을 왔다 갔다하며 쉽게 헤더에 ID를 추가할 수 있습니다. Dreamweaver도 텍스트를 찾아 바꾸는 뛰어난 기능을 가지고 있다고 생각합니다.
텍스트 편집기 프로그램을 사용하여 다음을 추가하여 로컬라이즈 및 교체하세요. 변수는 [] 사이에 있을 것입니다.
<a href=”#[1]”>- [2]</a>[3]<h2>
첫 번째 변수는 목차의 ID를 찾아서 기억할 것입니다. 두 번째 변수는 목차 내부의 나머지 줄을 동일하게 설정합니다. 세 번째 변수는 아직 ID가 추가되지 않은 헤더까지의 원고의 나머지를 가져옵니다. 다음으로 교체하십시오:
<a lol href=”#[1]”>- [2]</a>[3]<h2 id="[1]">
가끔씩 당신의 위치추적기는 어떤 공간이나 기호와 충돌할 수 있지만, 보통 한 번만 대체됩니다. 제목을 모두 바꾸려면 여러 번 클릭해야 합니다.
중요한 것은
헤더 태그만 사용하는 것이며, 기사 코드의 H2 헤더 사이에 다른 태그를 추가하지 않아야 합니다. 뭔가 잘못되었다면, 편집기가 변수를 잘못 할당할 것이며 여러분이 교체할 때마다 그렇게 될 것입니다.
대체는 첫 번째 목차의 정보를 가져옵니다. 텍스트의 lol은 대체가 목록의 같은 줄에서 과정을 반복하지 않도록 하는 데 사용됩니다 (후에 삭제하는 것을 잊지 마세요). 과정을 반복할 때, 그는 ID가 있는 를 건너뛰고 올바른 머리말로 직접 이동합니다.
조금 혼란스러울 수도 있지만, 이 모든 것을 비디오로 더 잘 설명할 수 있다고 생각해요. 어쨌든, 조금 머리를 써서 일을 빨리 처리하고 모든 기사에 색인을 넣어 경쟁 상대와 차별화하고 SEO를 개선하세요.
저는 또한 내가 내 기사를 어떻게 쓰는지에 대해 긴 비디오 강의를 만들었습니다. 아래에서 확인할 수 있습니다: