전문가처럼 WordPress에 메타 태그 추가(플러그인 없음)
게시 됨: 2023-08-06이 공유
메타 태그는 웹 사이트에 대한 정보를 검색 엔진 및 소셜 미디어 플랫폼에 제공하는 코드 스니펫입니다. 사이트 순위를 높이고 더 많은 방문자를 유치하며 참여도를 높일 수 있습니다. 그러나 플러그인을 사용하지 않고 WordPress에 메타 태그를 어떻게 추가합니까?
이 기사에서는 간단하고 효과적인 방법을 사용하여 전문가처럼 WordPress에 메타 태그를 추가하는 방법을 보여줍니다. 메타 태그가 무엇인지, 왜 중요한지, WordPress 사이트의 다양한 페이지와 게시물에 맞게 메타 태그를 사용자 지정하는 방법을 배웁니다.
이 기사가 끝나면 플러그인 없이 프로처럼 WordPress에 메타 태그를 추가할 수 있습니다. 시작하자!
메타 태그란 무엇입니까?
메타 태그는 웹 페이지에 대한 정보를 검색 엔진 및 웹 서비스에 제공하는 HTML 코드의 요소입니다. 페이지 자체에는 표시되지 않고 소스 코드에서만 표시됩니다. 메타 태그는 콘텐츠, 키워드, 작성자 및 웹 페이지의 기타 속성을 설명할 수 있습니다.
또한 검색 엔진에서 페이지를 표시하거나 인덱싱하는 방법을 제어할 수도 있습니다. 메타 태그는 웹 페이지의 SEO(검색 엔진 최적화)를 개선하고 더 관련성 있고 사용자 친화적으로 만드는 데 유용합니다.
WordPress SEO에 메타 태그가 중요한 이유는 무엇입니까?
메타 태그는 검색 엔진에서 웹 사이트의 가시성과 관련성을 향상시키는 데 도움이 되기 때문에 WordPress SEO에 중요합니다. 메타 태그는 웹 사이트의 콘텐츠, 키워드, 작성자 및 기타 속성에 대한 정보를 검색 엔진, 웹 브라우저 및 웹 서비스에 제공합니다. 이 정보는 검색 엔진이 귀하의 웹사이트를 더 잘 이해하고 인덱싱하고 관련 검색 결과에 표시하는 데 도움이 될 수 있습니다.
메타 태그는 스니펫에 표시되는 제목 및 설명과 같이 웹사이트가 검색 엔진에 표시되는 방식에도 영향을 미칠 수 있습니다. WordPress 웹사이트에 메타 태그를 추가하면 SEO를 최적화하고 더 많은 유기적 트래픽을 유치할 가능성을 높일 수 있습니다.
플러그인 없이 WordPress에 메타 태그를 추가하는 방법
메타 태그는 WordPress 웹사이트의 SEO 및 검색 엔진의 가시성을 개선하는 데 필수적입니다. 그러나 플러그인을 사용하지 않으려는 경우 WordPress에 메타 태그를 추가하는 것이 까다로울 수 있습니다.
1단계: 올바른 메타 태그 찾기
WordPress 웹 사이트에 메타 태그를 추가하기 전에 사용하려는 메타 태그와 포함할 정보를 찾아야 합니다. 일반적인 유형의 메타 태그는 다음과 같습니다.
• Meta charset : 이 태그는 HTML 문서의 문자 인코딩을 지정하는 데 사용됩니다. 웹 페이지의 텍스트와 기호를 해석하는 방법을 브라우저에 알려줍니다.
For example: <meta charset="UTF-8">위의 예는 웹 페이지가 UTF-8 인코딩을 사용하여 전 세계 대부분의 언어로 된 문자를 표시할 수 있음을 의미합니다.
• 메타 제목 : 검색 결과와 브라우저 탭에 나타나는 웹 페이지의 제목입니다. 간결하고 설명적이어야 하며 주요 키워드를 포함해야 합니다.
• 메타 설명 : 검색 결과의 제목 아래에 나타나는 웹 페이지 요약입니다. 유익하고 설득력이 있어야 하며 주요 키워드와 클릭 유도문안을 포함해야 합니다.
• 메타 키워드 : 웹 페이지의 내용을 설명하는 키워드입니다. 사용자에게는 보이지 않지만 검색 엔진이 웹 페이지를 더 잘 이해하고 인덱싱하는 데 도움이 될 수 있습니다. 그러나 메타 키워드는 대부분의 검색 엔진이 이를 무시하거나 스팸 신호로 사용하기 때문에 더 이상 SEO에 그다지 중요하지 않습니다.
• Meta viewport : 웹 페이지가 다양한 장치 및 화면 크기에 표시되는 방식을 제어하는 메타 태그입니다. 모바일 장치에 맞게 웹 페이지를 최적화하고 사용자 경험을 개선하는 데 도움이 될 수 있습니다.
For example: <meta name="viewport" content="width=device-width, initial-scale=1.0">• 메타 로봇 : 검색 엔진이 웹 페이지를 크롤링하고 색인을 생성할 수 있는지 여부를 알려주는 메타 태그입니다. 또한 이를 사용하여 팔로우 또는 팔로우 링크, 캐시 또는 캐시 없음 페이지 등과 같이 검색 엔진이 웹 페이지를 처리하는 방법의 다른 측면을 제어할 수 있습니다.
• 메타 이름 : 메타 이름 태그는 메타데이터의 이름을 지정하고 메타 콘텐츠 태그는 해당 이름과 관련된 값을 지정합니다.
For example: <meta name="description" content="Free WordPress tutorials for Beginners">소셜 미디어 메타 태그(예: Open Graph, Twitter 카드), 확인 메타 태그(예: Google Search Console, Bing 웹마스터 도구) 또는 사용자 정의 메타와 같이 특정 목적으로 사용할 수 있는 다른 유형의 메타 태그도 있습니다. 태그(예: 작성자, 생성자 등). W3Schools, Moz 또는 Ahrefs에서 메타 태그의 더 많은 예를 찾을 수 있습니다.
2단계: WordPress 사이트에 수동으로 메타 태그 추가
사용하려는 메타 태그와 포함할 정보를 결정한 후 WordPress 사이트에 수동으로 추가할 수 있습니다.
WordPress 관리자에서 functions.php 파일 편집
이렇게 하려면 WordPress 테마의 functions.php 파일을 편집해야 합니다. 도구 > 테마 파일 편집기 > functions.php 로 이동하여 WordPress 대시보드에서 이 파일에 액세스할 수 있습니다. 또는 FTP 클라이언트 또는 파일 관리자를 사용하여 WordPress 루트 디렉토리에서 functions.php 파일에 액세스할 수 있습니다. functions.php 파일이 없으면 테마 루트 디렉터리에 언제든지 새 functions.php 파일을 추가할 수 있습니다.
functions.php 파일을 열면 다음 코드를 추가해야 합니다.
function custom_meta_description() { // Initialize an empty variable for the description $metaDescription = ''; // Check if it's a singular page or post if (is_singular()) { global $post; $metaDescription = get_post_meta($post->ID, 'meta_description', true); } elseif (is_category()) { $metaDescription = category_description(); } elseif (is_home() || is_front_page()) { $metaDescription = get_bloginfo('description'); } // If the meta description is empty, use a default one if (empty($metaDescription)) { $metaDescription = 'Default meta description for your site.'; } // Output the meta description echo '<meta name="description" content="' . esc_attr($metaDescription) . '">'; } add_action('wp_head', 'custom_meta_description');메타 태그 또는 SEO 사이트 점검과 같은 온라인 도구를 사용하여 메타 태그를 확인하고 검증할 수도 있습니다.
그런 다음 웹사이트를 새로 고치고 소스 코드(Ctrl+U)를 보고 메타 태그가 올바르게 적용되었는지 확인할 수 있습니다. 또한 Google 리치 결과 테스트 또는 Bing URL 검사 도구와 같은 온라인 도구를 사용하여 웹사이트가 메타 태그와 함께 검색 엔진에 어떻게 표시되는지 확인할 수 있습니다.
축하해요! 플러그인 없이 WordPress 사이트에 메타 태그를 성공적으로 추가했습니다. 이렇게 하면 검색 엔진에서 웹사이트의 SEO 및 가시성을 향상하는 데 도움이 될 수 있습니다. 그러나 메타 태그를 추가하는 것만으로는 SEO를 위해 WordPress 사이트를 최적화할 수 없습니다. 콘텐츠 품질, 사이트 속도, 모바일 친화성, 보안 등과 같은 다른 요소도 고려해야 합니다.
3단계: 메타 태그 테스트
플러그인 없이 WordPress 사이트에 메타 태그를 추가한 후에는 메타 태그가 제대로 작동하는지, 웹 사이트의 SEO 및 검색 엔진에서의 가시성을 개선하는지 확인하기 위해 메타 태그를 테스트해야 합니다. 다음과 같은 여러 가지 방법으로 메타 태그를 테스트할 수 있습니다.
• 소스 코드 보기 : 웹 사이트의 소스 코드 (Ctrl+U) 를 보고 HTML 코드의 <head> 섹션에 메타 태그가 있고 올바른지 확인할 수 있습니다. 메타 태그 또는 SEO 사이트 점검 과 같은 온라인 도구를 사용하여 메타 태그를 확인하고 검증할 수도 있습니다.
• 검색 엔진 도구 사용 : Google 리치 결과 테스트 또는 Bing URL 검사 도구 와 같은 검색 엔진 도구를 사용하여 웹사이트가 메타 태그와 함께 검색 엔진에 어떻게 표시되는지 확인할 수 있습니다. 또한 Google Search Console 또는 Bing 웹마스터 도구를 사용하여 메타 태그로 웹사이트 성능 및 SEO를 모니터링하고 최적화할 수 있습니다.
• 소셜 미디어 도구 사용 : Facebook Debugger 또는 Twitter Card Validator 와 같은 소셜 미디어 도구를 사용하여 웹 사이트가 메타 태그와 함께 소셜 미디어 플랫폼에 어떻게 표시되는지 확인할 수 있습니다. Open Graph 또는 Twitter 카드를 사용하여 소셜 미디어 메타 태그를 사용자 지정하고 향상시킬 수도 있습니다.
• 브라우저 확장 기능 사용 : SEO Meta in 1 Click 또는 Meta SEO Inspector 와 같은 브라우저 확장 기능을 사용하여 모든 웹 페이지에서 메타 태그를 검사하고 분석할 수 있습니다. 또한 SEOquake 또는 MozBar를 사용하여 웹사이트의 SEO 지표 및 순위 요인에 대한 개요를 얻을 수 있습니다.
메타 태그를 테스트하면 메타 태그가 제대로 작동하고 웹 사이트의 SEO와 검색 엔진의 가시성이 향상되고 있는지 확인할 수 있습니다. 메타 태그 중복 또는 누락, 부정확하거나 관련 없는 정보 등과 같은 메타 태그 관련 오류 또는 문제를 식별하고 수정할 수도 있습니다.
Screaming Frog SEO Spider 또는 Sitebulb 와 같은 온라인 도구를 사용하여 메타 태그와 관련된 모든 SEO 문제에 대해 웹사이트를 크롤링하고 감사할 수 있습니다.
메타 태그 테스트는 플러그인 없이 SEO를 위해 WordPress 사이트를 최적화하는 중요한 단계입니다.
콘텐츠 품질, 사이트 속도, 모바일 친화성, 보안 등과 같은 다른 요소도 고려해야 합니다. 또한 검색 엔진 및 웹 서비스가 시간이 지남에 따라 알고리즘과 요구 사항을 변경할 수 있으므로 메타 태그를 정기적으로 업데이트하고 검토해야 합니다.
그렇게 함으로써 귀하의 워드프레스 사이트가 플러그인 없이 검색 엔진의 SEO 및 가시성에 항상 최적화되어 있는지 확인할 수 있습니다.
결론
메타 태그는 웹 페이지에 대한 정보를 검색 엔진 및 웹 서비스에 제공하는 HTML 코드의 요소입니다. 검색 결과에서 웹사이트의 SEO 및 가시성을 개선하는 데 도움이 될 수 있습니다. 그러나 플러그인을 사용하지 않으려는 경우 WordPress에 메타 태그를 추가하는 것이 까다로울 수 있습니다.
이 기사에서는 functions.php 파일을 사용하여 플러그인 없이 WordPress에 메타 태그를 추가하는 방법을 설명했습니다.
위에서 언급한 단계를 따르면 플러그인 없이 WordPress 사이트에 메타 태그를 추가하고 SEO 및 검색 엔진에서의 가시성을 위해 웹사이트를 최적화할 수 있습니다.
그러나 메타 태그를 추가하는 것만으로는 SEO를 위해 WordPress 사이트를 최적화할 수 없습니다. 또한 콘텐츠 품질, 사이트 속도, 모바일 친화성, 보안 등과 같은 다른 요소도 고려해야 합니다. 검색 엔진 및 웹 서비스는 시간이 지남에 따라 알고리즘과 요구 사항을 변경할 수 있으므로 메타 태그를 정기적으로 업데이트하고 검토해야 합니다.