기본적인 워드프레스 메타 태그와 설정 방법

이 메타 태그들은 검색 엔진이 사이트를 더 잘 이해하고 적절하게 색인화하는 데 도움이 됩니다.

 

기본적인 메타 태그

Title 태그:

• 사이트의 제목을 명확하게 나타내며, 검색 결과에서 표시되는 제목입니다.

예시: <title>Aurum Avian - Your Guide to Birdwatching</title>

 

메타 설명 :

• 페이지의 간략한 설명을 제공합니다. 검색 결과에서 간략한 설명으로 표시됩니다.

예시:<meta name="description" content="Explore the fascinating world of birdwatching with Aurum Avian. Tips, guides, and more for enthusiasts." />

 

뷰포트 :

• 반응형 웹 디자인을 위해 필요합니다. 모바일 환경에서 페이지가 적절히 표시되도록 합니다.

예시:<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

SEO 및 소셜 미디어 최적화를 위한 메타 태그

표준 URL :

중복 콘텐츠 문제를 방지하기 위해 페이지의 기본 URL을 명시합니다.

예시:Open Graph 메타 태그 (Facebook 및 기타 소셜 미디어 최적화):

 

예시:

<meta property="og:title" content="Aurum Avian - Your Guide to Birdwatching" />
<meta property="og:description" content="Explore the fascinating world of birdwatching with Aurum Avian." />
<meta property="og:image" content="https://www.aurumavian.com/images/og-image.jpg" />
<meta property="og:url" content="https://www.aurumavian.com" />
<meta property="og:type" content="website" />

 

Twitter Card 메타 태그:

예시:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Aurum Avian - Your Guide to Birdwatching">
<meta name="twitter:description" content="Explore the fascinating world of birdwatching with Aurum Avian.">
<meta name="twitter:image" content="https://www.aurumavian.com/images/twitter-image.jpg">
추가적인 메타 태그

 

추가적인 메타 태그

Robots 메타 태그:

• 검색 엔진 크롤러에게 페이지 색인화 방법을 지시합니다.
• 예시:<meta name="robots" content="index, follow">

Author 메타 태그:

• 콘텐츠의 작성자 정보를 제공합니다.
• 예시:<meta name="author" content="Aurum Avian">

구현 방법

• Yoast SEO, All in One SEO, Rank Math와 같은 워드프레스 SEO 플러그인을 사용하여 이 메타 태그들을 쉽게 추가하고 관리할 수 있습니다.
• 메타 태그는 웹사이트의 SEO에 중요한 역할을 하며, 웹사이트의 가시성과 사용자의 클릭률을 향상시킬 수 있습니다.

워드프레스 Opengraph 메타 태그 설정 방법

Open Graph 메타 태그에 사용되는 이미지는 웹사이트 내에 호스팅되어야 합니다. 이 이미지는 소셜 미디어 플랫폼에서 웹사이트 링크를 공유했을 때 보여지는 이미지로 사용됩니다. 이미지를 적절히 업로드하고 Open Graph 메타 태그에 링크하는 방법은 다음과 같습니다:

 

이미지 업로드 절차

• 이미지 준비: 소셜 미디어에 표시될 이미지를 준비합니다. Facebook에서 권장하는 이미지 크기는 일반적으로 1200x630 입니다.

웹사이트에 이미지 업로드:

• 워드프레스 대시보드에 로그인합니다.
• "미디어" > "새로 추가"를 클릭하여 이미지를 워드프레스 미디어 라이브러리에 업로드합니다.

이미지 URL 확인:

• 미디어 라이브러리에서 업로드한 이미지를 클릭합니다.
• 이미지의 상세 정보에서 URL을 확인합니다. 이 URL은 일반적으로 http://www.yourdomain.com/wp-content/uploads/2021/01/your-image.jpg와 같은 형식을 가집니다.

Open Graph 메타 태그에 이미지 추가

• Open Graph 메타 태그 추가:
  • 워드프레스 페이지 또는 포스트의 HTML 헤드 섹션에 Open Graph 메타 태그를 추가합니다.
  • 예시:<meta property="og:image" content="http://www.yourdomain.com/wp-content/uploads/2021/01/your-image.jpg" />

주요사항

• 이미지 최적화: 로딩 시간을 줄이기 위해 이미지 크기를 최적화하세요.
• 적절한 권한: 이미지에 대한 저작권이나 사용권을 가지고 있는지 확인하세요.
• 올바른 파일 형식: PNG나 JPEG 같은 웹에 적합한 이미지 파일 형식을 사용하세요.
• 이미지 가시성: 이미지 URL이 공개적으로 접근 가능해야 합니다.

이미지가 올바르게 업로드되고 Open Graph 메타 태그에 추가되면, 해당 이미지는 소셜 미디어에서 웹사이트 링크를 공유했을 때 표시되는 주요 이미지로 사용됩니다.