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

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

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

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

Вопросы:

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

  1. Регистрация приложения в Facebook
  2. Настройка приложения Facebook
  3. Сформировать и скопировать метатеги Facebook и Twitter
  4. Внести в файлв robots.txt разрешение для бота Twitter на индексацию папки upload
  5. Написать и опубликовать статью с миниатюрой
  6. Занесение блога в белый список Twitter
  7. Проверка 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/

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

Поделиться со своими друзьями:
Комментарии на Блог
Один комментарий
  1. Ирина Лукшиц

    Спасибо, очень актуально. А то небольшой творческий кризис подошел. Надо придумать темы новых статей, но идей мало. Ваши советы помогут.

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