Настройки модуля «Соц.мета» в All In One SEO Pack

"Соц.мета" в All In One SEO PackC некоторых пор анонсы с моих блогов на WordPress отказались показывать картинки. Поначалу эта проблема возникла в социальной сети Вконтакте, периодически, а затем постоянно — в Facebook. Эта неприятная особенность, конечно же очень не нравилась мне: вместо картинки из сообщения, демонстрировался прямоугольник «No Image» :

No Image

Почему так происходит именно с этими сетями? Ведь другие, в которых я имею личные страницы ( Google+. Одноклассники, Майл. Ру и прочие), прекрасно отражают картинки к анонсам. Причем сделать это можно с помощью кнопок соцсетей используя выбор из определенного количества картинок страницы блога, на котором размещен контент.  Почему не отражаются картинки  в Facebook и VK, я решил выяснить.

Причина оказалась проста: я не сделал нужных настроек в SEO — плагине All In One SEO Pack.

Не стану описывать всех возможностей этого могучего плагина, который постоянно обновляется и совершенствуется, добавляя при этом все новые замечательные модули. В настоящий момент таких модулей у него шесть:  Карта сайта, Соц. мета, Robots.txt, File Editor, Importer & Exporter, Быстродействие,  еще один в разработке — Video Sitemap. Данные модули можно активировать — не понравятся — деактивировать.

Из перечисленных модулей. как вы понимаете, за картинки в анонсах отвечает модуль «Соц. мета». В его настройках ниже мы и разберемся.

Как настроить модуль «Соц. мета» в в All In One SEO Pack

Давайте откроем его и обратим внимание на квадратики, где нужно устанавливать «галочки». Первая и самая главная — установка протокола Open Graph (OG) в основном блоке настроек:

Open Graph (OG)

Что такое Open Graph

Установка этой галочки — это начало настроек и без нее остальные не имеют смысла. Но, что же такое OG? На многих, найденных мною сайтах, где рассматривался вопрос настройки плагина All In One SEO Pack по соответствующему вопросу, не уделялось внимания этому вопросу. Оказывается, в каждом блоке настроек этого плагина, есть ссылка ( Help), при переходе по которой откроется страница по настройке нужного модуля. Есть такие и в модуле «Соц. мета», разумеется.

На английской странице кратко излагается суть протокола OG, в перводе это выглядит примерно так: «Мета модуль «Соц. мета» в плагине All In One SEO Pack позволяет воспользоваться дополнительными атрибутами данных для  социальных сетей, которая используется для отображения аносов и картинок к ним в соц. сетях, в которых вы имеете свои личные страницы. Протокол, который используется в All In One SEO Pack, называется Open Graph и чаще всего связан с Facebook, который и разработал этот протокол. Однако протокол уникален,  как протокол,  он может использоваться многими другими социальными сетями.

В том, что протокол действительно уникален, я убедился, после того, как правильно настроил метомодуль «Соц. мета»- картинки в анонсах стали появляться не только в соцсети Facebook,  но, наконец-то, появились и ВКонтакте. Чему я очень рад.

Блок «Настройки главной страницы»

Use AIOSEO Title and Description —  если установить галочку, то заголовок и описание главной страницы будут браться из основных настроек All in One SEO Pack (их нужно обязательно сделать). При этом пункты «Home Title» и «Home Description» будут скрыты. Галочку лучше поставить — так метатеги  к картинкам будут подстраиваться автоматически.

Home Image — загрузите с компа картинку с главной страницы сайта или любую другую, по теме.

Блок "Настройки главной страницы"

 

Блок Image Settings

Именно в этом блоке нужно настраивать каитинки, которые будут в демонстрациях аноса.

 Autogenerate OG Descriptions. Желательная опция и «галочку» лучше поставить! Допустим вы забыли заполнить поле descriptions (описание) для записи, тогда плагин создаст описание самостоятельно, взяв его непосредственно из текста.

Select OG:Image Source. Здесь надо выбрать тип изображения, которое будет прикреплено к анонсу главной страницы. Предлагается несколько вариантов:

sotcmeta2

Давайте  переведем и разберемся в каждом пункте.

Default image — изображение по умолчанию.
Миниатюра записи — заданная миниатюра для поста.
First Attached Image — первая прикрепленная картинка (вложенное изображение).
First Image In Content — первая картинка в записи.
Image From Custom Field —  картинка с пользовательского поля (об этом чуть ниже).
First Available Image — автоматический выбор изображения.

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

Default OG:Image. Данная опция актуальна, если вы выбрали пункт «Default image» (изображение по умолчанию).

В поле надо вписать URL изображения или выбрать его с компьютера, нажав на кнопку «Upload Image»:

sotcmeta3

Я выбрал First Image In Content — первая картинка в записи.

Далее идут блоки для настройки картинок в Facebook и Twitter.

Здесь все просто и станет понятным из скриншотов, предоставленных ниже:

no image 4

no image 5

Здесь надо исходить из настроек, которые заданы на странице: Параметры -> Чтение.

Если на странице «Чтение» у Вас выбран пункт «Ваши последние записи», то в настройках Соц. мета надо поставить галочку рядом с пунктом «blog».

А если у Вас на главной отображается статическая страница, то соответственно надо поставить галочку возле пункта  «website».

Наконец, последний блок:

Scan Social Meta

 Эта опция  позволяет сканировать ваш сайт одинаковых социальных мета-теги, которые могут быть созданы другими плагинами или вашей теме. Эта функция будет проверять и предупредить вас о возможных дубликатов мета, это не решит проблемы за вас. Для того, чтобы исправить повторяющиеся теги социального мета вам нужно будет определить источник социальной мета и снять его. Обязательно произведите сканирование после завершения всех настроек модуля «Соц.мета»!

Если после сканирования увидите такую картинку, значит у вас все хорошо:

модуль "Соц.мета"

А если нечто подобное, исправьте, согласно указаниям.

Социальная Мета сканер выдает ошибки

 Как настраивать публикацию анонсов на Facebook, для каждой отдельной записи.

Итак, мы сделали настройки, которые в основном относятся к главной страницы сайта. Но плагин All In One SEO Pack в сумме с настроенным его модулем «Соц.мета», позволяет настроить и описать картинки для анонсов для каждой записи в блоге. Аналогия с подборов  Title и Description в основных настройках. Вот посмотрите, как это будет выглядеть  в блоке настроек «Social Settings» в конце любого поста:

 Как настраивать публикацию анонсов на Facebook, для каждой отдельной записи.

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

no image 9

Custom Image — если есть необходимость выбрать другое изображение, то вписываем в поле его URL или выбираем картинку с компьютера, нажав на кнопку «Upload Image».

Specify Image Width — в это поле надо вписать желаемую ширину картинки.

 Specify Image Height — высота картинки.

Custom Video — эта опция позволяет указать ссылку на Open Graph на видео использованные на этой странице.

Facebook Object Type — если есть желание, то выбираем подходящую категорию.

Twitter Card Type  —  подбираете тип и вид изображения к анонсу в Twitter.

Вот и все. Удачи вам!

________________________________________

P.S. К сожалению, на этом блоге у меня установлен другой плагин, отвечапющий за SEO-оптимизацию. В нем нет таких настроек, как в All In One SEO Pack и анонсы в Facebook и VK идут с картинками, которые я задаю в виде миниатюры для каждой новой записи. Ну, хотя бы так.

Зато на другом блоге с движком WordPress, теперь все наладилось 🙂

Геннадий Михайлюта

6 Comments

  1. Геннадий, я все делал по вашим рекомендациям. Но так ничего и не добился. Вконтакте периодически не открываются картинки, в фейсбуке тоже.Может вы поможете инвалиду? Подскажите сколько будет стоить и кошелек, куда перевести деньги. С уважением Николай

  2. Николай, для вконтакте самое надежное — в записи задать миниатюру. Фейсбук — наверное у каждого вебмастера индивидуально, но как мне кажется, рулит тоже миниатюра. Я поделился вашей последней записью в фейсбук и, несмотря на то, что в анонсе картинки не было, на страничке она имеется: _https://plus.google.com/photos/112448101385305949590/albums/6143742148631320993/6143742151132406498?pid=6143742151132406498&oid=112448101385305949590
    Фейсбук — сложная и непонятная сеть в отношении отражения картинок и бывает всякое 🙂
    Добавить к инструкции в этой статье ничего не могу. У меня как-то все наладилось после включения настроек плагина и всё.

  3. Здравствуйте. Настроил все как у вас. Вот только картинки так и привязываются к статьям как попало.. Даже если в социальных настройках выбрана миниатюра записи, все равно стоит нажать отладку фейсбука, или «поделится» на самой странице записи, появляется картинка с рекламным баннером.

  4. Если я по умолчанию все прописал, нужно ли потом для каждой записи все заново настраивать?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *