더 깨끗한 홈페이지,산만하지 않은 방문 페이지 또는 큰 기본 제목과 싸우지 않는 영웅 섹션을 원하십니까? 수정 사항은 일반적으로 동일합니다: WordPress 에서 페이지 제목을 숨깁니다. 작은 변화이며,설정에 맞는 방법을 알게되면 2 분 이내에 할 수 있습니다.
캐치는 “어떤 방법”이 테마,페이지 빌더 및 제목이 한 페이지에서 사라 졌는지 또는 전체 사이트에서 사라 졌는지 여부에 따라 다릅니다. 블록 테마는 클래식 테마와 다르게 처리하며 Elementor 에는 클래식 WordPress 사용자가 결코 볼 수없는 자체 토글이 있습니다.
다음은 WordPress 에서 페이지 제목을 숨기거나 제거하는 7 가지 방법입니다: 테마 설정,사이트 편집기,CSS, Elementor,테마 빌더,플러그인 및 코드. 각각 다른 SEO 및 접근성 결과가 있으므로 눈을 뜨고 선택하십시오. 미학을 위해 순위를 교환하고 싶지 않습니다.
페이지 제목 숨기기 vs. 제거: 차이점은 무엇입니까?
이 두 단어는 같은 의미로 사용되지만 서로 다른 것을 설명하며 SEO의 차이점은 중요합니다.
- 제목을 숨기는 것 페이지의 HTML 에 보관하지만 방문자에게는 보이지 않게 합니다. 보통 CSS 로 말이죠. 검색 엔진과 화면 판독기는 여전히 볼 수 있기 때문에 페이지의 맥락을 보이지 않는 망토라고 생각하세요.
- 제목 제거 HTML 에서 완전히 삭제합니다. 방문자에게는 페이지가 동일하게 보이지만 검색 엔진은 문맥 정보를 잃어 버리며 화면 판독기 사용자는 페이지가 무엇인지 알려주는 제목을 잃습니다.
대부분의 사이트에서는 숨기는 것이 더 안전한 선택입니다. 제거하는 것은 주로 페이지 작성기에 완전히 구축된 페이지에서 의미가 있습니다. 여기서 디자인에는 이미 자체 H1 제목이 포함되어 있고 테마 제목이 중복됩니다.
페이지 제목 vs. SEO 제목: 둘을 혼동하지 마세요
방법 앞에 한 가지 빠른 설명이 있습니다. 왜냐하면 이것은 많은 사람들을 넘어 뜨리기 때문입니다. 페이지에 보이는 페이지 제목 (H1 제목) 과 SEO 제목 (Google 결과에 표시되는 제목 태그와 브라우저 탭) 은 두 가지 다른 것입니다.
이 가이드의 모든 메서드는 보이는 페이지 제목에만 영향을 줍니다. 테마 또는 Yoast 또는 Rank Math 와 같은 SEO 플러그인에 의해 설정된 SEO 제목은 그대로 유지됩니다. 따라서 페이지 제목을 숨기면 검색 결과에 목록이 비어 있지 않습니다.
방법 1: 테마에 내장된 제목 숨기기 옵션을 사용하세요
CSS 나 플러그인을 터치하기 전에 테마가 이미이 문제를 해결하는지 확인하십시오. 많은 인기있는 테마는 페이지 당 제목 토글과 함께 제공됩니다:
- 아스트라 페이지 사이드바 설정에 “제목 비활성화” 체크상자를 추가합니다.
- GeneratePress에는 레이아웃 메타 상자에 제목 표시 제어 기능이 포함되어 있습니다.
- Kadence와 Neve는 유사한 페이지당 토글을 제공합니다.
편집기에서 아무 페이지나 열고 오른쪽의 설정 사이드바를 보고 “제목 사용 안 함”, “제목 숨기기” 또는 “제목 표시” 라는 옵션을 검색합니다. 이 옵션이 있으면 체크하고 페이지를 업데이트하면 완료됩니다. 해당 페이지에만 코드,플러그인, 적용되지 않습니다.
다음 프로젝트의 테마를 아직 선택하고 계시다면, 저희가 모아놓은 최고의 Elementor 테마 상자에서 이 토글을 포함하는 여러 가지를 다룹니다.
방법 2: 블록 테마에서 페이지 제목 숨기기 (사이트 편집기)
Twenty Twenty-Four 또는 Twenty Twenty-Five 와 같은 블록 테마를 사용 하 여? 당신은 볼 것 이다 외관 > 편집기 이전 Customizer 대신 대시보드에 있습니다. 여기에 두 가지 옵션이 있습니다.
옵션 A: 템플릿에서 제목 블록을 제거합니다
그러면 템플릿을 사용하는 모든 페이지에서 제목이 제거됩니다:
- 로 이동 외관 > 편집기 > 템플릿.
- 열다 페이지 템플릿 (또는 페이지에서 사용하는 템플릿).
- 를 클릭합니다 제목 차단하고 점 3개 옵션 메뉴를 열고 선택합니다 삭제.
- 템플릿 저장.
이것은 진정한 제거입니다: 제목은 HTML 에서 사라졌습니다. 해당 템플릿을 사용하는 페이지는 자체 제목이 필요하므로 각 항목의 상단 근처에 제목 블록을 추가하십시오. 그렇지 않으면 방문자와 검색 엔진이 H1 이 전혀없는 페이지에 착륙합니다 WordPress 제목 블록 문서 이 블록을 더 자세히 다룹니다.
옵션 B: CSS 로 제목 숨기기 (SEO 값 유지)
제거보다 숨기기를 원하시면 대신 작은 CSS 규칙을 추가하세요:
- 로 탐색합니다 외관 > 편집기 > 스타일.
- 를 클릭합니다 편집 (펜) 아이콘을 선택한 다음 점 3개 메뉴를 선택합니다 추가 CSS.
- 다음 코드에 붙여넣고 저장하세요.
.wp-block-post-title {
display: none;
}화면의 전체 과정은 다음과 같습니다:
한 가지 알아두어야 할 점: 이것은 모든 페이지와 게시물의 제목을 숨깁니다. 페이지만을 타겟팅하려면 다음을 사용하십시오 .page .wp-block-post-title 대신. 그리고 제목이 저장 후에도 계속 표시되면 브라우저가 캐시에서 이전 스타일시트를 제공하고 있으므로 페이지를 새로 고칩니다(Ctrl+Shift+R).
방법 3: 테마 커스터마이저(클래식 테마)에서 CSS로 제목을 숨깁니다
만약에 외관 > 사용자 정의 대시보드에 표시되며 클래식 테마에 있으며 Customizer의 추가 CSS 패널은 플러그인이 없는 가장 빠른 경로입니다.
먼저 테마가 타이틀에 사용하는 CSS 클래스를 찾습니다. 아무 페이지에서나 타이틀을 마우스 오른쪽 버튼으로 클릭하고 선택하십시오 검사하다그리고 표제 요소를 보세요. 대부분의 고전적인 테마에서 클래스는 entry-title,하지만 가정하지 마세요. 많은 테마들이 이름을 바꾸고,잘못된 클래스를 대상으로 하는 규칙은 아무 것도 하지 않습니다. 그럼:
- 로 이동 외관 > 사용자 지정 > 추가 CSS.
- 아래 규칙을 추가하고 게시하세요.
.post .entry-title {
display: none;
}스왑 .post 위한 .page 페이지를 타겟팅하거나 사용합니다 .page-id-42 .entry-title 단일 페이지에서 제목을 숨기려면 (방법 7 에서 다루는 페이지의 편집 URL에서 ID를 찾을 수 있습니다).
CSS 접근 방식의 장점:
- 플러그인이 필요하지 않습니다.
- 제목은 HTML에 유지되므로 SEO 및 화면 판독기는 영향을 받지 않습니다.
- 하나의 선택기로 한 페이지, 모든 페이지 또는 모든 게시물을 대상으로 지정할 수 있습니다.
단점:
- 모든 테마는 제목 클래스의 이름을 다르게 지정하므로 먼저 검사해야 할 수도 있습니다.
- 테마를 전환하면 규칙이 일치를 중지하고 제목이 다시 나타날 수 있습니다.
방법 4: Elementor에서 페이지 제목을 숨깁니다
Elementor 사용자는 가장 쉬운 방법을 사용하며 무료 버전에서도 작동합니다. Elementor 편집기에서 페이지를 열고 을 클릭합니다 설정 (기어) 패널 왼쪽 하단에 아이콘이 있고 켜져 있습니다 제목 숨기기. 페이지를 업데이트하면 해당 페이지에서만 테마 제목이 사라집니다.
설정은 페이지마다 적용되므로 어쨌든 자신만의 영웅 섹션을 디자인하는 랜딩 페이지에 적합합니다. 시각적으로 페이지를 구축 중이므로 H1 에 설정된 자신만의 Heading 위젯을 추가하여 페이지가 여전히 적절한 제목 구조를 갖도록 합니다. 에 대한 가이드 elementor를 사용한 맞춤형 WordPress 레이아웃 빌더가 만든 페이지를 구조화하는 방법에 대해 자세히 설명합니다.
제목 숨기기 작동하지 않음? 제목 선택기 수정
Elementor는 다음과 같은 일반적인 CSS 클래스를 일치시켜 타이틀을 숨깁니다 entry-title. 테마가 사용자 정의 클래스를 사용하는 경우 토글이 자동으로 실패합니다. 이 것은 많은 사람들을 붙잡고,수정에는 1 분이 걸립니다:
- 브라우저에서 페이지 제목을 검사하고 CSS 클래스를 복사합니다.
- Elementor에서 다음으로 이동하세요 사이트 설정 > 레이아웃.
- 클래스를 붙여넣습니다 (예를 들어
h1.custom-title) 안으로 페이지 제목 선택기 필드 및 저장.
제목 숨기기 토글은 이제 무엇을 찾아야 할지 알고 있습니다. Elementor 자신의 제목 문서 숨기기 이 설정도 다룹니다.
대안: Elementor Canvas 레이아웃을 사용합니다
랜딩 페이지의 경우 무딘 악기가 있습니다. 같은 페이지 설정 패널에서 변경합니다 페이지 레이아웃 에 엘리멘터 캔버스. 캔버스는 테마의 머리글,바닥글, 제목 영역을 한 번에 벗겨내어 빈 슬레이트를 남깁니다. 전체 디자인 제어를 원할 때 사용하십시오; 여전히 사이트의 탐색이 필요할 때 건너 뛰거나 a 로 구축 된 자신의 머리글과 페어링하십시오 테마 빌더.
방법 5: 테마 빌더로 사이트 전체 제목을 제거합니다
지금까지의 모든 작업은 페이지별로 작동하거나 CSS 로 제목을 숨깁니다. 모든 블로그 게시물이나 템플릿 수준의 모든 페이지에서 제목을 없애려면 템플릿이 렌더링하는 요소를 정확히 제어하기 때문에 테마 빌더가 더 깨끗한 답입니다.
Elementor Pro를 사용하면 다음으로 이동하세요 템플릿 > 테마 빌더 > 단일 게시물를, 단일 게시물 템플릿을 편집하고 게시물 제목 요소를 선택한 후 삭제합니다.
기존 단일 게시물 템플릿이 없는 경우 처음부터 하나를 만들거나 템플릿 라이브러리에서 하나를 가져온 다음 게시하기 전에 게시물 제목 위젯을 제거합니다.
이것만으로도 Elementor Pro 비용을 지불하고 싶지 않으십니까? Master Addons 에는 자체 테마 빌더 즉,당신은 Elementor 의 무료 버전으로 머리글,바닥 글,단일 게시물 템플릿,아카이브, 404 페이지를 구축 할 수 있습니다. The 머리말, 바닥글 및 주석 작성기 문서 설정을 거치면 동일한 템플릿 컨트롤을 통해 제목이 표시되는지 여부를 결정하게 됩니다. 가이드에서 사용하는 것과 동일한 접근 방식입니다 elementor를 사용하여 WordPress에서 바닥글을 편집합니다.
장점:
- 하나의 템플릿 편집은 해당 유형의 모든 게시물이나 페이지를 다룹니다.
- 완전한 시각적 제어, 코드 없음.
- 와 짝을 이룰 수 있습니다 표시 조건 다양한 콘텐츠에 대해 다양한 레이아웃을 표시합니다.
단점:
- Elementor Pro 또는 Master Addon과 같은 테마 빌더 플러그인이 필요합니다.
- 이것은 진정한 제거이므로 템플릿에는 원하는 위치에 게시물 제목을 동적으로 당기는 제목 위젯과 같은 다른 H1이 필요합니다.
방법 6: 제목 제거 플러그인을 사용합니다
CSS를 작성하는 것보다 확인란을 클릭하고 싶다면 무료 제목 제거기 플러그인은 한 가지 작업을 잘 수행합니다. 설치하고 활성화하면 모든 페이지,게시물 및 사용자 정의 게시물 유형이 설정 패널에서 “이 항목의 제목 숨기기” 확인란을 얻습니다. 원하는 페이지에서 선택하고 다른 곳에서는 그대로 두십시오.
그것은 가장 초보자 친화적 인 옵션이지만,유지 보수를 위해 하나 더 플러그인을 추가 않습니다. 테마 또는 페이지 빌더가 이미 토글 (방법 1 및 4) 을 제공하는 경우,먼저 사용하고 플러그인 목록을 짧게 유지하십시오. 더 얇은 스택은 또한로드 시간에 도움이되며,우리가 게시물에서 다루는 것입니다 elementor 웹사이트의 속도를 높이는 방법.
방법 7: 코드로 제목 제거 (functions.php)
테마 파일을 편안하게 편집할 수 있나요? PHP 수준에서 제목을 필터링할 수 있습니다. 이 스니펫을 자녀 테마의 functions.php 파일. 테마 업데이트로 변경 사항이 지워지지 않도록 하위 테마를 사용하고 먼저 백업하십시오.
단일 블로그 게시물에서 제목을 제거합니다
add_filter( 'the_title', 'ma_remove_single_post_title', 10, 2 );
function ma_remove_single_post_title( $title, $id ) {
if ( is_single() && in_the_loop() && get_the_ID() === $id ) {
return '';
}
return $title;
}특정 페이지에서 제목을 제거합니다
add_filter( 'the_title', 'ma_remove_page_title', 10, 2 );
function ma_remove_page_title( $title, $id ) {
if ( is_page( YOUR_PAGE_ID ) && in_the_loop() && get_the_ID() === $id ) {
return '';
}
return $title;
}바꾸다 YOUR_PAGE_ID 타겟팅하는 페이지의 ID 로. The in_the_loop() 중요한 사항 확인: 필터가 없으면 탐색 메뉴 레이블과 위젯 제목을 비울 수도 있습니다. 정확한 실수로 라이브 사이트의 전체 탐색 메뉴를 제거하는 것을 보았습니다.
페이지 ID를 찾는 방법
WordPress 편집기에서 페이지를 열고 브라우저의 주소 표시 줄에있는 URL 을보십시오. 뒤에있는 번호 post= 는 페이지 ID.
이 방법은 진정한 제거이므로 테마가 토글을 제공하지 않고 CSS 가 옵션이 아닌 경우를 위해 예약하십시오. 이미 들어있는 경우 functions.php 지역, 방법에 대한 튜토리얼도 좋아할 것입니다 자동 저장 기능을 비활성화합니다 비슷한 스니펫으로.
SEO, UX 및 접근성: 숨겨진 타이틀이 실제로 영향을 미치는 것
사이트 전체에 제목을 숨기기 전에 절충안을 검토하세요.
서. CSS 로 숨기면 HTML 에 H1 이 유지되므로 검색 엔진은 여전히 읽습니다. 제목을 제거하면 해당 신호가 삭제되고 H1 이 없는 페이지는 Google 에 콘텐츠에 대한 컨텍스트를 줄입니다. 제목을 제거하면 항상 디자인 어딘가에 있는 다른 H1 으로 대체하십시오. 더 넓은 체크리스트는 당사의 elementor에 대한 SEO 관행 안내. 당신의 소제목도 무게를 지니고 있습니다 — a 목차 플러그인 h2s 및 H3s에서 페이지 내 탐색을 구축하므로 나머지 제목 구조를 그대로 유지하십시오.
사용자 경험. 방문 페이지에서 기본 제목을 삭제하면 일반적으로 도움이됩니다: 경쟁 요소가 적고 행동 촉구에 대한 경로가 명확합니다. 블로그 게시물 및 문서에서 제목이 독자의 방향을 정합니다. 거기에서 제거하면 닦는 것보다 더 혼란스러워지는 경향이 있습니다.
접근성. 화면 판독기는 페이지를 탐색하기 위해 제목에 의존합니다. CSS 숨겨진 제목은 여전히 발표되므로 접근성이 유지됩니다. 대체 H1 이없는 제거 된 제목은 화면 판독기 사용자가 추측하게합니다. 디자인이 제목을 대체하면 대체를 스타일이 지정된 단락 텍스트가 아닌 실제 제목 요소로 만듭니다.
제목을 숨길 시기와 보관 시기
제목을 표시할 때:
- 페이지는 블로그 게시물, 문서 또는 독자가 검색을 통해 도달하는 모든 것입니다.
- 탐색 및 SEO를 위해서는 명확한 콘텐츠 계층 구조가 필요합니다.
- 제목은 페이지의 나머지 부분이 반복되지 않는 컨텍스트를 제공합니다.
다음 경우 제목 숨기기 또는 제거하기:
- 자신만의 영웅 헤드라인으로 랜딩 페이지를 구축하고 있습니다.
- 홈페이지 디자인은 이미 사이트가 무엇인지 전달합니다.
- 테마의 제목 배치는 Elementor에서 구축한 디자인, 예를 들어 a 아래의 전폭 영웅과 충돌합니다 elementor의 스티커 헤더.
자주 묻는 질문
WordPress에서 페이지 제목을 숨기면 SEO가 손상됩니까?
아니, CSS 또는 테마 토글과 함께 숨기면 안, 검색 엔진이 읽을 수있는 HTML에 제목이 머물기 때문에. HTML에서 제목을 제거하면 페이지에 내용을 설명하는 다른 H1 제목이 포함되지 않는 한 SEO를 해칠 수 있습니다.
한 페이지에만 제목을 숨기려면 어떻게 해야 하나요?
테마의 “제목 비활성화” 확인란, 페이지 설정에서 Elementor의 제목 숨기기 토글 또는 다음과 같은 페이지별 CSS 규칙을 사용하십시오 .page-id-42 .entry-title { display: none; }. 세 가지 모두 해당 단일 페이지에만 영향을 미치고 사이트의 나머지 부분은 그대로 둡니다.
페이지 제목과 SEO 제목의 차이점은 무엇입니까?
페이지 제목은 페이지 자체에 보이는 H1 표제입니다. SEO 제목은 SEO 플러그인에 의해 제어되는 Google 결과와 브라우저 탭에 표시된 제목 태그입니다. 페이지 제목을 숨기거나 제거해도 SEO 제목이 변경되지 않습니다.
Elementor 에서 페이지 제목을 무료로 숨기려면 어떻게 해야 하나요?
Elementor 에서 페이지를 열고 편집기 패널의 왼쪽 하단에 있는 톱니바퀴 아이콘을 클릭한 후 제목 숨기기를 활성화합니다. 이는 무료 버전에서 작동합니다. 아무 일도 일어나지 않으면 테마 제목 클래스를 사이트 설정 > 레이아웃 > 페이지 제목 선택기에 추가합니다.
왜 내 페이지 제목을 숨긴 후에도 계속 표시됩니까?
보통 세 가지 중 하나: 테마는 숨기기 규칙이 일치하지 않는 사용자 정의 CSS 클래스를 사용하거나,캐싱 플러그인이 페이지의 이전 버전을 제공하거나,페이지 빌더의 제목 선택기가 설정되지 않았습니다. 제목을 검사하여 클래스를 확인한 다음 캐시를 지웁니다.
감싸는 중
WordPress 에서 페이지 제목을 숨기거나 제거하는 것은 설정과 일치하는 방법을 선택하는 것으로 귀결됩니다. 먼저 테마에 내장된 토글을 확인하고 사이트 전체 숨기기에 사이트 편집기 또는 사용자 지정자 CSS 를 사용하고 개별 방문 페이지에서 Elementor 의 제목 숨기기에 도달하고 제목 없이 어디서나 템플릿 수준 제어를 원할 때 테마 빌더를 사용하십시오.
어떤 경로를 택하든 경험 법칙을 기억하십시오: SEO 값을 유지하려는 경우 CSS로 숨기고 제목을 진정으로 제거하면 페이지에 다른 H1을 그 자리에 부여하십시오.
어쨌든 사용자 정의 레이아웃을 구축하는 경우 마스터 애드온의 전체 세트를 살펴보십시오 위젯 및 확장. 테마 빌더, 사용자 정의 CSS 확장그리고 80+ 다른 도구는 추가 플러그인 없이 이와 같은 작업을 처리합니다 가격 페이지 무료 및 Pro 버전에 포함된 내용을 보여줍니다.
