-
기본적인 워드프레스 메타 태그와 설정 방법WordPress 2023. 12. 17. 01:49
이 메타 태그들은 검색 엔진이 사이트를 더 잘 이해하고 적절하게 색인화하는 데 도움이 됩니다.
기본적인 메타 태그
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 메타 태그에 추가되면, 해당 이미지는 소셜 미디어에서 웹사이트 링크를 공유했을 때 표시되는 주요 이미지로 사용됩니다.
'WordPress' 카테고리의 다른 글
Indexnow 워드프레스 플러그인 특징 (0) 2023.12.21 워드프레스 기본 사이트맵 특징 (2) 2023.12.18 워드프레스 SEO 최적화를 위해 기본 웹페이지 관리 방법 (0) 2023.12.18 워드프레스 플러그인을 배포 방법 (2) 2023.12.17 Hostinger 워드프레스 내가 만든 플러그인 설치 방법 (0) 2023.12.16 워드프레스에서 포스트에 제목에 h1태그 설정하기 (0) 2023.12.15 astra 테마 h1 태그 확인 방법 (0) 2023.12.15 h1 태그를 설정할 수 있는 플러그인 코드 (0) 2023.12.15