[wiki] Yii2 웹사이트에 Open Graph 및 Twitter Card 태그를 추가하는 방법입니다.

3286 단어
OpenGraph 및 웹 페이지를 설명하고 Facebook과 Twitter에서 각각 더 쉽게 이해할 수 있도록 하는 두 개의 메타데이터 세트입니다.

간단한 웹페이지에 추가할 메타태그가 많으니 사용해보자TaggedView

이 구성 요소는 더 많은 속성을 추가하여 yii\web\View 재정의하여 모든 보기에서 값을 설정할 수 있습니다. 일반적으로 우리는 다음으로 페이지 제목을 설정합니다.

$this->title = $model->title;



이제 TaggedView를 사용하여 다음을 설정할 수 있습니다.

$this->title = $model->title;
$this->description = $model->abstract;
$this->image = $model->image;
$this->keywords = ['foo', 'bar'];



그러면 이 페이지에 대한 적절한 OpenGraph, Twitter 카드 및 HTML 메타 설명 태그가 생성됩니다.

또한 모든 페이지에서 사용할 수 있는 구성 요소 구성의 모든 태그에 대한 기본값을 정의할 수 있으며 이전 예에서와 같이 재정의되는 경우 재정의됩니다.

'components' => [
    //...
    'view' => [
        'class' => 'daxslab\taggedview\View',
        'site_name' => '',
        'author' => '',
        'locale' => '',
        'generator' => '',
        'updated_time' => '',
    ],
    //...
]



이 속성 중 일부에는 기본적으로 site_name를 가져오는 Yii::$app->name와 같이 기본값이 할당되어 있습니다.

웹사이트에서 사용한 결과:

<title>¿Deseas comprar o vender una casa en Cuba? | HogarEnCuba, para comprar y vender casas en Cuba</title>
<meta name="author" content="Daxslab (https://www.daxslab.com)">
<meta name="description" content="Hay 580 casas...">
<meta name="generator" content="Yii2 PHP Framework (http://www.yiiframework.com)">
<meta name="keywords" content="HogarEnCuba, ...">
<meta name="robots" content="follow">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:description" content="Hay 580 casas...">
<meta name="twitter:image" content="https://www.hogarencuba.com/images/main-identifier_es.png">
<meta name="twitter:site" content="HogarEnCuba">
<meta name="twitter:title" content="¿Deseas comprar o vender una casa en Cuba?">
<meta name="twitter:type" content="website">
<meta name="twitter:url" content="https://www.hogarencuba.com/">
<meta property="og:description" content="Hay 580 casas...">
<meta property="og:image" content="https://www.hogarencuba.com/images/main-identifier_es.png">
<meta property="og:locale" content="es">
<meta property="og:site_name" content="HogarEnCuba">
<meta property="og:title" content="¿Deseas comprar o vender una casa en Cuba?">
<meta property="og:type" content="website">
<meta property="og:updated_time" content="10 sept. 2020 9:43:00">

좋은 웹페이지 즐겨찾기