WordPress에서 앵커 링크를 “쉽게”추가하는 방법 (단계별)

Google은 더 긴 WordPress 게시물에 앵커 링크를 사용하여 사용자가 읽고 싶은 섹션으로 빠르게 이동할 수 있도록합니다..


앵커 링크는 종종 사용자가 페이지를 다시로드하지 않고도 더 긴 기사를 위아래로 이동할 수 있도록하기 때문에 목차 섹션에서 자주 사용됩니다. 또한 Google이 검색 목록 아래에 쉽게 탐색 할 수 있도록 SEO를 표시 할 수 있습니다 (나중에 자세히 설명)..

이 단계별 가이드에서는 앵커 링크가 무엇인지 설명하고 WordPress에 앵커 링크를 쉽게 추가하는 방법을 보여줍니다..

워드 프레스에 앵커 링크 추가하기

준비된? 앵커 링크의 실제 예제부터 시작하겠습니다.

아래는이 안내서에서 다룰 모든 주제의 목록입니다. 계속해서이 링크 중 하나를 클릭하면 해당 섹션으로 이동합니다.

    앵커 링크 란??

    앵커 링크는 페이지에서 동일한 페이지의 특정 위치로 연결되는 링크 유형입니다. 사용자가 가장 관심있는 섹션으로 이동할 수 있습니다..

    아래의 애니메이션 스크린 샷을 살펴보십시오.

    앵커 링크 미리보기

    보시다시피 앵커 링크를 클릭하면 동일한 페이지의 특정 섹션으로 이동합니다.

    앵커 링크는 일반적으로 긴 기사에서 사용자가 읽고 싶은 섹션으로 빠르게 이동할 수있는 목차로 사용됩니다..

    앵커 링크를 사용해야하는 이유와시기?

    평균 사용자는 몇 초 이내에 웹 사이트를 유지할지 떠날지를 결정합니다. 몇 초 만에 사용자가 머 무르도록 유도 할 수 있습니다..

    가장 좋은 방법은 원하는 정보를 빨리 볼 수 있도록 돕는 것입니다..

    앵커 링크는 사용자가 나머지 컨텐츠를 건너 뛰고 관심있는 부분으로 바로 이동할 수 있도록하여이를보다 쉽게 ​​만듭니다. 이것은 사용자 경험을 향상시키고 새로운 고객 / 독자를 얻는 데 도움이됩니다.

    앵커 링크는 WordPress SEO에도 적합합니다. Google은 검색 결과에 앵커 링크를 “링크로 점프”로 표시 할 수 있습니다.

    검색 결과에서 링크로 이동

    때때로 Google은 해당 페이지의 여러 링크를 링크로 이동으로 표시 할 수도 있으며 이는 검색 결과에서 클릭률을 높이는 것으로 입증되었습니다. 즉, 웹 사이트에 더 많은 트래픽을.

    검색 결과 아래 링크로 여러 번 이동

    말씀 드린대로 WordPress에 앵커 링크를 쉽게 추가하는 방법을 살펴 보겠습니다..

    WordPress에서 앵커 링크를 수동으로 추가하는 방법

    기사에 몇 개의 앵커 링크를 추가하려는 경우 수동으로 쉽게 할 수 있습니다.

    기본적으로 앵커 텍스트가 의도 한대로 작동하려면 두 가지를 추가해야합니다..

    1. 앵커 텍스트 앞에 # 기호가있는 앵커 링크 만들기.
    2. 사용자를 원하는 텍스트에 id 속성을 추가하십시오..

    앵커 링크 부분부터 시작하겠습니다.

    1 단계. 앵커 링크 만들기

    먼저 연결하려는 텍스트를 선택한 다음 WordPress Gutenberg 편집기에서 링크 삽입 버튼을 클릭해야합니다..

    워드 프레스에 링크 추가

    일반적으로 URL을 추가하거나 링크 할 게시물 또는 페이지를 찾는 링크 삽입 팝업이 나타납니다..

    그러나 앵커 링크의 경우 #을 접두사로 사용하고 사용자가 건너 뛸 섹션의 키워드를 입력하면됩니다..

    앵커 링크 만들기

    그런 다음 Enter 버튼을 클릭하여 링크를 만듭니다..

    앵커 # 링크로 사용할 텍스트를 선택하는 데 유용한 팁 :

    • 연결하려는 섹션과 관련된 키워드를 사용하십시오..
    • 앵커 링크를 불필요하게 길거나 복잡하게 만들지 마십시오.
    • 하이픈을 사용하여 단어를 구분하고 더 읽기 쉽게.
    • 앵커 텍스트에서 대문자를 사용하여 더 읽기 쉽게 만들 수 있습니다. 예 : # Best-Coffee-Shops-Manhattan.

    링크를 추가하면 편집기에서 생성 한 링크를 볼 수 있습니다. 그러나 링크를 클릭해도 아무런 효과가 없습니다..

    브라우저가 앵커 링크를 ID로 찾을 수 없기 때문입니다..

    사용자가 앵커 링크를 클릭 할 때 표시 할 영역, 섹션 또는 텍스트를 브라우저로 지정하여 문제를 해결하겠습니다..

    2 단계. 링크 된 섹션에 ID 속성 추가

    컨텐츠 편집기에서 사용자가 앵커 링크를 클릭 할 때 탐색 할 섹션으로 아래로 스크롤하십시오. 일반적으로 새 섹션의 제목입니다.

    그런 다음 블록을 클릭하여 선택한 다음 블록 설정에서 고급 탭을 클릭하여 확장하십시오. 표제 란 설정에서 ‘고급’탭을 클릭하면됩니다..

    HTML 앵커

    그런 다음 ‘HTML Anchor’입력란에 앵커 링크로 추가 한 것과 동일한 텍스트를 추가해야합니다. # 접두사없이 텍스트를 추가해야합니다.

    이제 미리보기 탭을 클릭하여 게시물을 저장하고 앵커 링크가 작동하는지 확인할 수 있습니다..

    표시하려는 섹션이 제목이 아니라 일반 단락이나 다른 블록이라면?

    이 경우 블록 설정에서 3 점 메뉴를 클릭하고 ‘HTML로 편집’을 선택해야합니다..

    HTML로 편집

    특정 블록에 대한 HTML 코드를 편집 할 수 있습니다. 가리 키려는 요소의 HTML 태그 찾기를 선택해야합니다. 예를 들어,

    이 문서가 논문이거나

    테이블 블록 인 경우 등.

    이제 다음 코드와 같이 앵커를 해당 태그의 ID 속성으로 추가해야합니다.

    이제이 블록에 예기치 않은 컨텐츠 또는 유효하지 않은 컨텐츠가 포함되어 있음을 알 수 있습니다. 변경 사항을 유지하려면 HTML로 변환을 클릭해야합니다.

    HTML로 변환

    클래식 편집기에서 앵커 링크를 수동으로 추가하는 방법

    여전히 WordPress 용 이전 클래식 편집기를 사용하는 경우 앵커 링크를 추가하는 방법은 다음과 같습니다..

    1 단계. 앵커 링크 만들기

    먼저 앵커 링크로 변경하려는 텍스트를 선택한 다음 ‘링크 삽입’버튼을 클릭하십시오.

    클래식 편집기에서 앵커 링크 추가

    그런 다음 # 기호 접두사와 링크에 사용할 슬러그가있는 앵커 링크를 추가해야합니다..

    2 단계. 링크 된 섹션에 ID 속성 추가

    다음 단계는 사용자가 앵커 링크를 클릭 할 때 표시하려는 섹션을 브라우저로 지정하는 것입니다..

    이를 위해서는 클래식 에디터에서 ‘텍스트’모드로 전환해야합니다. 그런 다음 아래로 스크롤하여 표시하려는 섹션으로 이동하십시오..

    클래식 편집기에서 앵커 ID 추가

    타겟팅 할 HTML 태그를 찾으십시오. 예를 들어,

    ,

    ,

    , 등등.

    다음과 같이 # 접두사가없는 앵커 링크의 슬러그로 ID 속성을 추가해야합니다.

    이제 변경 사항을 저장하고 미리보기 버튼을 클릭하여 앵커 링크가 작동하는지 확인할 수 있습니다.

    HTML에서 앵커 링크를 수동으로 추가하는 방법

    WordPress에서 이전 클래식 편집기의 텍스트 모드로 작성하는 데 익숙한 경우 HTML에서 앵커 링크를 수동으로 만드는 방법은 다음과 같습니다..

    먼저 일반적인 태그를 사용하여 다음과 같이 # 접두사로 앵커 링크를 만들어야합니다.

    맨하탄 최고의 커피 숍

    다음으로, 사용자가 링크를 클릭 할 때 표시하려는 섹션으로 아래로 스크롤해야합니다..

    일반적으로이 섹션은 제목 (h2, h3, h4 등)이지만 다른 HTML 요소 또는 간단한 단락 일 수 있습니다.

    꼬리표.

    HTML 태그에 ID 속성을 추가 한 다음 # 접두사없이 앵커 링크 슬러그를 추가해야합니다..

    맨하탄 최고의 커피 숍

    이제 앵커 링크를 테스트하기 위해 변경 사항을 저장하고 웹 사이트를 미리 볼 수 있습니다.

    WordPress에서 제목을 앵커 링크로 자동 추가하는 방법

    이 방법은 정기적으로 긴 양식 기사를 게시하고 앵커 링크로 작성해야하는 사용자에게 적합합니다..

    가장 먼저해야 할 일은 Easy 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 워드 프레스 플러그인 설치 방법에 대한 단계별 가이드를 참조하십시오..

    이 플러그인을 사용하면 앵커 링크가있는을 자동으로 생성 할 수 있습니다. 제목을 사용하여 컨텐츠 섹션을 추측하고 필요에 맞게 완전히 사용자 정의 할 수 있습니다..

    활성화되면 간단히 설정» 플러그인 설정을 구성하는 페이지.

    쉬운 플러그인 설정

    먼저 추가하려는 게시물 유형에 대해 활성화해야합니다. 기본적으로 플러그인은 페이지에 사용하도록 설정되어 있지만 게시물에 사용하도록 설정할 수도 있습니다..

    자동 삽입 옵션을 활성화 할 수도 있습니다. 이를 통해 플러그인은 기준과 일치하는 이전 기사를 포함하여 모든 기사에 대해 자동으로를 생성 할 수 있습니다..

    특정 기사에 대해서만 자동으로 생성하려는 경우이 옵션을 선택하지 않은 상태로 둘 수 있습니다.

    다음으로 약간 아래로 스크롤하여 표시하려는 위치와 트리거하려는 시간을 선택하십시오..

    언제 어디서 표시할지 선택

    페이지에서 다른 고급 설정을 검토하고 필요에 따라 변경할 수 있습니다.

    ‘변경 사항 저장’버튼을 클릭하여 설정을 저장하십시오..

    자동 삽입 옵션을 활성화 한 경우 이제 지정된 수의 제목으로 기존 기사를 볼 수 있습니다.

    기사의 첫 번째 제목 앞에 플러그인이 자동으로 표시됩니다..

    특정 기사에 대해 수동으로 생성하려면 앵커 링크가있는 기사를 편집해야합니다..

    게시물 수정 화면에서 편집기 아래의‘탭으로 스크롤하십시오..

    앵커 링크를 사용하여 수동으로 추가

    여기에서‘삽입’옵션을 확인하고 앵커 링크로 포함 할 제목을 선택할 수 있습니다.

    이제 변경 사항을 저장하고 기사를 미리 볼 수 있습니다. 플러그인은 자동으로 앵커 링크 목록을 .

    시사

    자세한 지침은 WordPress에 추가하는 방법에 대한 기사를 참조하십시오..

    이 기사가 WordPress에 앵커 링크를 쉽게 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. SEO에 대한 블로그 게시물을 올바르게 최적화하는 방법과 최고의 WordPress 페이지 빌더 플러그인을 선택하는 방법에 대한 팁을 원할 수도 있습니다..

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me

      Adblock
      detector