WordPress

Мета данные для социальных сетей на WordPress

Показываю шаблон мета данных, которые будут браться при шаринге страницы в социальные сети. Пришлось это делать потому что часто бралась не та картинка. И описание было кривое зачастую.

<?php if( is_front_page() ) { ?>
<meta property="og:title" content="Кухня SEO'шника" />
<meta property="og:image" content="http://seokitchen.ru/logo.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="800" />
<meta property="og:image:height" content="800" />
<meta property="og:description" content="Ещё один сайт сетевого манимейкера" />
<meta property="og:url" content="<?php the_permalink() ?>" />
<meta property="twitter:title" content="Кухня SEO'шника" />
<meta property="twitter:description" content="Ещё один сайт сетевого манимейкера" />
<meta property="twitter:image" content="http://seokitchen.ru/logo.jpg" />
<meta property="twitter:image:width" content="800" />
<meta property="twitter:image:height" content="800" />
<?php } else { ?>
<meta property="og:title" content="<?php the_title(); ?>" />
<?php $thumb = get_post_thumbnail_id(); $img_url = image_downsize( $thumb,'full' ); ?>
<meta property="og:image" content="<?php echo $img_url[0]; ?>" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="<?php echo $img_url[1] ?>" />
<meta property="og:image:height" content="<?php echo $img_url[2] ?>" />
<meta property="og:description" content="<?php truncate_post(360); ?>" />
<meta property="og:url" content="<?php the_permalink() ?>" />
<meta property="og:site_name" content="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>." />
<meta property="twitter:url" content="<?php the_permalink() ?>" />
<meta property="twitter:title" content="<?php the_title(); ?>" />
<meta property="twitter:description" content="<?php truncate_post(360); ?>" />
<meta property="twitter:image" content="<?php echo $img_url[0]; ?>" />
<meta property="twitter:image:width" content="<?php echo $img_url[1] ?>" />
<meta property="twitter:image:height" content="<?php echo $img_url[2] ?>" />
<meta property="twitter:site" content="seokitchen.ru" />
<?php } ?>

Данный код выдаёт отдельные данные для главной страницы, т.к. там обычно идёт лента записей и при шаринге у меня бралось описание и картинка последней из них, что не комильфо. И для записей строго указывает какие данные для формирования сниппета брать.

Оставить комментарий