Клуб «Мастер WordPress» | 55. Продвижения статей. Часть 1 - Open Graph.

55. Продвижения статей. Часть 1 — Open Graph.

Внимание! Если вы пользователь шаблона AB-Inspiration вам не нужно вставлять мета теги. Они уже встроено в шаблон AB-Inspiration!!!

Технические вопросы продвижения статей в социальных сетях.Часть 1 — Open Graph.

Вопросы:

Что такое Open Graph, зачем нужен, как работает
Формирование метатегов для Facebook
Формирование метатегов для Twitter
Шаги по оформлению Open Graph

Регистрация приложения в Facebook
Настройка приложения Facebook
Сформировать и скопировать метатеги Facebook и Twitter
Внести в файлв robots.txt разрешение для бота Twitter на индексацию папки upload
Написать и опубликовать статью с миниатюрой
Занесение блога в белый список Twitter
Проверка Open Graph в Facebook Debugger

Мета-теги Open Graph:

fb:app_id — использовать свой app id facebook!
twitter:site — использовать свой логин Twitter!
twitter:creator — использовать свой логин Twitter!

<meta property="og:title" content="<?php the_title(); ?>" />
<meta property="og:description" content="<?php bloginfo('description'); ?>" />
<meta property="og:url" content="<?php the_permalink() ?>" />
<meta property="og:image" content="<?php echo wp_get_attachment_thumb_url( get_post_thumbnail_id( $post->ID ) ) ?>" />
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<meta property="og:type" content="article" />
<meta property="og:locale" content="ru_RU" />
<meta property="fb:app_id" content="150476300555" />

<meta name="twitter:site" content="@AnfisaBreus" />
<meta name="twitter:creator" content="@AnfisaBreus" />
<meta property="twitter:title" content="<?php the_title(); ?>" />
<meta property="twitter:description" content="<?php bloginfo('description'); ?>" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:image:src" content="<?php echo wp_get_attachment_thumb_url( get_post_thumbnail_id( $post->ID ) ) ?>" />
<meta name="twitter:image:width" content="435" />
<meta name="twitter:image:height" content="375" />

вставка в файл robots.txt:

User-agent: Twitterbot
Allow: /wp-content/uploads/

Приобрести видео запись данного урока и всех уроков этой серии можно здесь >>>