Настройки модуля «Соц.мета» в 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, теперь все наладилось 🙂

Бесплатная накрутка ВКонтакте: лайки, репосты, друзья, подписчики

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

  1. Николай:

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

  2. Геннадий:

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

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

  4. Ну, я не виноват. Это все происки Фейсбука 🙂

  5. Мне кажется я разобралась почему при правильных настройках модуля соц мета в фейсбуке все равно не отражаются картинки. Билась с этим долго.
    Оказалось «его величество фейсбук» желает картинки в статье размером 600 х 315 рх
    Поэтому установила в настройках отображение первой картинки в записи и эту самую картинку всегда подгоняю для фейсбук. Правда в контакте — срезает снизу картинку — там 700 на 500 надо.
    Ну тогда остается просто создавать картинку так, чтобы при обрезке в ВК она отображалась корректно. А в ОК картинку слегка растягивает по высоте но не сильно заметно — там требуются размеры по ширине 1200 х 800.
    Вобщем спасибо вам за статью про настройки модуля — а от меня добавка про размеры.
    Теперь все нормально везде отображается

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

  7. Евгения, А как размеры картинок прописывать конкретно для соцсетей? Тоже с этой проблемой не могу разрешить.
    Вот я что делал.
    Поставил кнопки социалок плагином Social Share Buttons by Supsystic и поставил для плагин All In One SEO Pack, где прописываются нужные картинки в сниппере и тайтл и описание сниппера, который должен выходить в соц. сетях при нажатии кнопок. Вообщем нужные картинки выходят во всех социалках, а ВКонтакте и Фейсбук не выходят. Потом давай обнулять кэш на этих сетях, не помогло. Прописал код в header.php

    И этот код прописал на все 24 страницы. Кэш обнулил. В ВК стали отображаться фотки но не те. И картинки одинаковые пять штук в ыходили которрые можно было выбрать при постинге, А Фейсбук взял одну картинку и её везде и шлепает на всех 24 страницах. Причем у себя он пишет что где то у меня на сайте есть на на эту картинку переадресация.
    Что я делаю не то и не так? Подскажите. Я хочу чтоб человек нажимал на кнопку и у него в ВК и Фейсбуке отображался нормальный сниппер с картинкой нужной мне.
    Какой код и где надо еще прописать специально для ВК и Фейсбука?

  8. Все верно «Фейсбук взял одну и шлепает» — у него протокол OG так настроен. Он одну запомнил и во всех постах ее ставит. Потому что на вашем блоге нет четких указаний для поисковой системы фейсбук.
    В блоке модуля Социальные мета под названием «Настройки изображения» в первом пункте выберете First Image In Content — первая картинка в записи.
    Далее, чуть ниже есть строки где надо указать ширину и высоту изображения. Пропишите 1200 и 630 или 600 и 315
    В блоке настройки фейсбук — укажите тип сайта «блог». Если указать сайт — то будет брать картинку с главной страницы — а у вас на сайте она статичная. То есть каждый раз будет одно и то же шлепать.
    И еще хотя бы одно изображение в альбомах и в записях делайте размером точно 1200 на 630 или 600 на 315 пикселей. Вот такой вот он фейсбук вредный. Ничего не поделаешь.

    А еще причина может быть в том, что на страницах все фотки не на странице самой размещены а видимо через плагин галерея как то отображаются. Я вижу только одно решение в этом случае — начать страницу с картинки размещенную на самой странице. Что то там дать в описание прям текстом а потом разместить уже галерею

    П С: Работы у Вас чудесные, Юрий!

  9. Евгения благодарю Вас за ответ и помощь. Сделал все 24 картинки в этих размерах. Проблема в плагине картинок, с этим я согласен. Тормозится из-за этого не только постинг, но и индексация. А стандартное отображение 400 картинок меня не устраивает. Для этого разметку Schema.org буду внедрять для картинок https://yandex.ru/support/webmaster/supported-schemas/image.xml#concept1 По крайней мере нашел такой пока выход, чем стандартное размещение одной впереди фотографии.
    P/S: Благодарю за восхищения моими творениями, Евгения. И у Вас наверняка есть творческие воплощения в жизни и такие же красивые:)

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

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