Open graph wordpress: Open Graph — Плагин для WordPress

Open graph wordpress: Open Graph — Плагин для WordPress

Open Graph в WordPress. Микроразметка для социальных сетей

Как добавить, настроить и эффективно пользоваться микроразметкой Open Graph на сайте ВордПресс? Об этом мой сегодняшний пост. Протокол Open Graph в WordPress позволит вашей веб-странице красиво отображаться в социальных сетях. Протокол позволяет контролировать и указывать какие данные (заголовок, описание и изображение) будут взяты при расшаривании ссылок в социальных сетях.

Добавляем Open Graph в WordPress

У вас установлены соцкнопки шеринга например (поделиться) от Яндекс? Значит вам нужно обязательно добавить метаданные Open Graph к вашим сообщениям и страницам, чтобы они отлично выглядели при публикации в социальные сети: Twitter, Facebook, ВКонтакте, Pinterest, LinkedIn, Telegram, Одноклассники и другие. Или в мессенджеры например, WhatsApp, Viber, Slack.

Всем известно, что основная часть материалов, которыми делятся люди в соцсетях, представлена в виде URL-адресов. И поэтому для разметки своего веб — ресурса важно использовать теги Open Graph. Они отвечают за то, как ваши материалы будут отображаться в социальных сетях.

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

Вот так например, поделились ссылкой на статью в Твиттер без Open Graph. Выглядит не очень. Мало кто кликнет по ссылке:

Ссылка без разметки

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

Репост статьи без микроразметки

Ниже, как должен выглядеть репост в соцсетях.

Красивый репост в Facebook, статья с внедрённой разметкой Open Graph. Теги объясняют социальным сетям, какая информация содержится на странице. Правильно заполненные поля позволят сформировать привлекательный вид поста в ленте FB:

Вид в Facebook с протоколом OpenGraph

В Twitter поделились моей статьёй с микроразметкой для социальных сетей:

Репост в Твиттер

Управляйте просмотром вашего контента в социальных сетях. Кстати, для блогохостинга Google Blogger вот инструкция. Давайте постить в соцсети правильно и красиво.

Как подключить Open Graph в WordPress

В наши дни хорошее присутствие в социальных сетях так же важно, как и присутствие в поисковых системах. Хорошая новость заключается в том, что вы можете контролировать внешний вид своего сайта в социальных сетях с помощью SEO плагинов.

Давайте посмотрим подключение микроразметки соцсетей к WordPress с помощью плагина. Функция Open Graph реализована во всех популярных SEO-плагинах. Её надо только активировать и настроить.

Open Graph разработан Facebook для контроля текстово-графического анонса, который формируется при добавлении ссылки на ресурс в социальную сеть. С его помощью можно настроить изображение, которое должно появляться в превью, правильный заголовок, описание и ссылку.

Протокол Open Graph увеличивает привлекательность и видимость веб-страницы, размещенной в социальных сетях.

Интернет

Включить разметку Twitter Card и Open Graph на сайте WordPress можно с помощью известных SEO плагинов например, All in One SEO Pack, Yoast SEO или Rank Math.

Метаданные OpenGraph в Yoast SEO

Добавить метаданные OpenGraph в plagine Yoast SEO. Раздел — Социальные сети, вкладка Facebook. Активируйте, если вы хотите, чтобы FB и другие социальные сети отображали изображения и отрывок текста в предпросмотре, если кто-то поделится ссылкой на ваш сайт:

Настройки Open Graph Facebook

Включили и настройте главную страницу сайта/блога. Впишите Заголовок, описание и загрузите изображение, используемые в мета-тегах Open Graph на главной странице сайта. А также, настройте URL-адрес изображения по умолчанию. Если страницей или записью поделятся (shared) и они не содержат изображений, то тогда будет использоваться эта картинка. Например, в FB у меня главная страница нового блога выглядит так:

Далее, настройте Твиттер. Вкладка Twitter. Активируйте, если вы хотите, чтобы Twitter отображал изображения и отрывок текста в предпросмотре, если кто-то поделится ссылкой на ваш сайт:

Добавить метаданные Twitter

Twitter использует метаданные OpenGraph как и Facebook, так что Заголовок, описание и изображение, будут браться из настроек FB. А для Pinterest также достаточно включить OpenGraph на вкладке Facebook. Здесь пока всё.

Микроразметка для социальных сетей в Rank Math SEO

Я использую этот многофункциональный плагин в блоге WordPress Mania и поэтому приведу его также в примере. В меню Rank Math — Заголовки и метаданные. OpenGraph миниатюра этот параметр позволяет установить картинку OpenGraph по умолчанию.

Если изображение для записи не установлено, то оно будет использоваться в качестве миниатюры по-умолчанию, при публикации на Facebook. Рекомендуемый размер изображения 1200 х 630 пикселей. Я использовал меньший размер:

Изображение по умолчанию для соцсетей

Если вы захотите изменить эскиз OpenGraph в будущем, наведите указатель мыши на загруженную картинку. Вы заметите наложение на изображении букву X в углу. Щелкните X, чтобы удалить изображение, а затем выберите новое.

Тип карты Twitter — опция позволяет вам установить Twitter Card по умолчанию для ваших сообщений. Эта карточка будет использоваться при публикации ваших сообщений в Twitter. Выбирайте с большим изображением. Отображение главной страницы блога в Твиттер с настроенным Open Graph плагин Rank Math SEO:

Twitter Card с большим изображением

Идём дальше. Стоит также упомянуть All in One SEO Pack. Многие используют его для SEO оптимизации сайта WP.

Внедрение разметки Open Graph плагин All in One SEO Pack

All in One SEO Pack включает специальный модуль Social Meta (Социальные мета) который вы можете активировать.

В плагине All in One SEO Pack — раздел «Модули» активируйте модуль «Социальные мета». Модуль «Социальные мета» добавит социальные метаданные к вашему сайту WP для лучшей интеграции его с социальными сетями:

Активируйте модуль Social Meta

Затем надо настроить основные параметры, которые можно найти на странице Социальные мета. Заполните поля в разделах: настройки OpenGraph для главной страницы, изображений, а также используйте отдельные настройки для Facebook и Twitter. В данном плагине настроек поболее:

Настройте социальные метаданные

Используйте для подсказок вопросительный знак ?. Подведите курсор мышки к нему и получите помощь. Всё легко.

Коллеги, а теперь давайте перейдём к следующему полезному уроку. Как использовать/управлять OpenGraph для отдельной записи или страницы. Можно полностью контролировать публикацию в соцсети вашей статьи. В каждом приведённом плагине есть вкладка социальных настроек. Можно заполнить мета теги для Facebook и Twitter (заголовок, описание и установить любое изображение) в соответствии с содержанием материала.

Например, в Rank Math есть вкладка Соцсети. Предварительный просмотр в социальных сетях (Preview Snippet Editor). Здесь вы можете просматривать и редактировать миниатюру, заголовок и описание, которые будут отображаться, когда ваша статья будет опубликована в социальных сетях Твиттер и Facebook. Вот, так всё это выглядит в новом блочном редакторе Гутенберг для этого поста. Вкладка FB:

Предварительный просмотр в социальных сетях

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

Индивидуальные настройки публикации в соцсети

Загрузил новую картинку, нажав кнопку Add Image. В итоге: для FB другая картинка, заголовок и описание публикации:

Настройка OG для отдельной записи

Такую же операцию можно проделать и для Твиттер. Вкладка Twitter. Или использовать данные из вкладки Facebook.

Вкладки соцсетей для индивидуальных настроек метаданных, есть во всех рассмотренных плагинах. Действие одинаковые. В Yoast SEO, вкладка Социальные сети:

С микроданными для соцсетей вы можете полностью контролировать внешний вид публикации — заголовок, изображение, описание. И это круто! Конечно, не все готовы возиться с данным инструментом, как и я, тратить время на настройку социальных мета-тегов, но оно того стоит. Запись одна, а выглядит она в разных соцсетях по разному и это хорошо.

Дамы и господа, а вдруг вы не используете на своём сайте SEO плагины. Тогда читайте ниже:

Open Graph плагин WordPress

Можно использовать специальные, отдельные модули Open Graph в WordPress. Смотрите на этой странице wordpress.org. Или введите в поиск по плагинам, в админ-панели, метку open graph и оп-ля. Выбирайте подходящий вам, ориентируйтесь по количеству установок (популярность) и как часто обновляются:

Результаты по запросу: open graph

Использование Open Graph плагина WordPress, чтобы добавить микроданные для социальных сетей на сайт, самый безопасный и правильный метод. Установка без плагина — только для опытных пользователей. Поэтому, друзья, я не советую начинающим использовать различные коды разметки соцсетей найденные в интернете. Не рискуйте.

В заключение

Добавление метаданных Facebook Open Graph в WordPress — один из хороших способов привлечь больше посетителей/читателей на ваш веб-ресурс.

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

Расшаривание записью в социальные сети (ваши или пользовательские) могут дать дополнительный трафик на сайт WP. Главное: в соц-сетях важна визуальная привлекательность контента. И только так можно привлечь внимание пользователей при просмотре ленты новостей.

Надеюсь материал был полезен для вас. До новых встреч на страницах моего блога. Если, что то пропустил или где то есть ошибки, дайте знать в комментариях. Спасибо за внимание! Поделитесь постом и как раз проверьте мою разметку. Пока, пока!

WP Open Graph – WordPress plugin

You can see the main features of WP Open Graph plugin:

• WP Open Graph for WordPress is a fast and simple way of sharing links on Facebook with correct name, logo and other information;
• Plugin provides complete information about your webpage content to social sites;
• WP Open Graph automatically extract data from post title. It excerpt “All In One Seo Pack” or “WordPress Seo by Yoast” plugins. It uses post thumbnails (featured images) or the default image as og:image. But, if you need to change one of these default information you can edit this data for any post, static home page and index blog page;
• You can add facebook metadata (open graph protocol) to any post/page/content type, edit it and enjoy your blog sharing.

• Editing Post
• Open Graph basic settings

1. Upload plugin folder to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Edit open graph data in any post
4. Enjoy!

What is Open Graph Protocol ?

The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
http://ogp.me/

Не выводит первое изображение записи, хотя в записи есть изображение. И постоянная ошибка Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/u489702eyd/domains/rianovost.ru/public_html/wp-content/plugins/wp-open-graph/output.class.php on line 306

It works, when configured correctly 🙂 Don’t forget to add a default image URL in all three URL fields. I forgot the first one and nothing happened for posts/pages (it would only insert OG image information for the main page).

This plugin ads his own content to the html tag attributes. Unfortunately it replaces them instead of filtering (appending new ones). The lang attribute which is critical to SEO gets striped out which poses a huge SEO problem for the site using this plugin.

Has been working fine for me for several years, even though not updated. It’s a simple plugin.

Plugin works, also the plugin is over 2 years not updated. Really great.

Read all 19 reviews

“WP Open Graph” is open source software. The following people have contributed to this plugin.

Contributors

1.6 Minor changes and bugfix.

1.5 Support of new All-in-One Seo Pack options.

1.4 Some fixes (fb_app_id, image in snippet preview, taxonomy description).

1.3 Added automatic og:data for any taxonomy archieves.

1.2 Added options for home page, blog page, facebook app id and admins. Also you can specify sitewide default og:image.

1.1 Added facebook snippet preview, og:type attribute and og:http://ogp.me/ns# attribute.

1.0 Initial version.

WP Open Graph — Плагин для WordPress

You can see the main features of WP Open Graph plugin:

• WP Open Graph for WordPress is a fast and simple way of sharing links on Facebook with correct name, logo and other information;
• Plugin provides complete information about your webpage content to social sites;
• WP Open Graph automatically extract data from post title. It excerpt “All In One Seo Pack” or “WordPress Seo by Yoast” plugins. It uses post thumbnails (featured images) or the default image as og:image. But, if you need to change one of these default information you can edit this data for any post, static home page and index blog page;
• You can add facebook metadata (open graph protocol) to any post/page/content type, edit it and enjoy your blog sharing.

• Editing Post
• Open Graph basic settings

1. Upload plugin folder to the /wp-content/plugins/ directory
2. Активируйте плагин используя меню ‘Плагины’ в WordPress
3. Edit open graph data in any post
4. Enjoy!

What is Open Graph Protocol ?

The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
http://ogp.me/

Не выводит первое изображение записи, хотя в записи есть изображение. И постоянная ошибка Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/u489702eyd/domains/rianovost.ru/public_html/wp-content/plugins/wp-open-graph/output.class.php on line 306

It works, when configured correctly 🙂 Don’t forget to add a default image URL in all three URL fields. I forgot the first one and nothing happened for posts/pages (it would only insert OG image information for the main page).

This plugin ads his own content to the html tag attributes. Unfortunately it replaces them instead of filtering (appending new ones). The lang attribute which is critical to SEO gets striped out which poses a huge SEO problem for the site using this plugin.

Has been working fine for me for several years, even though not updated. It’s a simple plugin.

Plugin works, also the plugin is over 2 years not updated. Really great.

Посмотреть все 19 отзывов

«WP Open Graph» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

1.6 Minor changes and bugfix.

1.5 Support of new All-in-One Seo Pack options.

1.4 Some fixes (fb_app_id, image in snippet preview, taxonomy description).

1.3 Added automatic og:data for any taxonomy archieves.

1.2 Added options for home page, blog page, facebook app id and admins. Also you can specify sitewide default og:image.

1.1 Added facebook snippet preview, og:type attribute and og:http://ogp.me/ns# attribute.

1.0 Initial version.

Open Graph | WordPress.org Русский

Использую:

Зачем изобретать велосипед, когда есть профессиональные решения в виде плагинов?

В чём может быть дело?

В чем угодно. Телепаты-ясновидцы ответят точнее.

Какие плагины, к примеру? Yoast? Не работает.

Не работает.

У всех работает.
Значит проблема в вашей теме

Сменил тему — не работает.

Сменил тему — не работает.

Заодно этот колхоз удалите со своего сайта

Использую:
<meta property=»og:title» content=»»>
<meta property=»og:site_name» content=»»>
<meta property=»og:url» content=»»>
<meta property=»og:description» content=»»>
<meta property=»og:image» content=»»>

и еще раз посмотрите в сторону плагинов. Настройки Open Graph имеются не только в сео-плагинах, но также во всех плагинах для кнопок для расшаривания в соц сетях и специальных, узко направленных плагинах https://ru.wordpress.org/plugins/search/Open+Graph/

Сменил тему — не работает.

Не работает что? Yoast?

Использовал Complete Open Graph. Чтобы я не делал, отладчик facebook пишет — …не соответствует требованиям к минимальному размеру (200 на 200 пикселей). Всё, понял, фейс кэширует.

• Ответ изменён 6 месяцев назад пользователем ozbend.

Так, ладно, фейс ок, но не работает для Whatsapp. Там даже опции такой нет.

Всё, понял, фейс кэширует.

Если публикация на Facebook не работает нормально, перейдите по предлагаемой ссылке и укажите в форме проблемный url, с которым возникают сложности. https://developers.facebook.com/tools/debug/

• Ответ изменён 6 месяцев назад пользователем zoltsmaster.

но не работает для Whatsapp

Что то у вас не так на сайте. Есть какая то глобальная проблема. Что касается ватсап — у меня, например, на всех сайтах при копировании\вставке ссылки в ватсап всегда появляется прикрепленная к записи картинка (изображение записи)

Так а каким плагином пользуетесь вы?

Так, а каким плагином пользуетесь вы?

Следствие ведут знатоки? 🙂
А если серьёзно — секрета нет. Они у меня установлены на всех моих сайтах и никаких проблем с расшариванием (Open Graph) постов и страниц не имею.
https://ru.wordpress.org/plugins/sassy-social-share/
https://ru.wordpress.org/plugins/seo-by-rank-math/
Тема всех сайтов — из оф. каталога Leeway, если это тоже Вас интересует.
Иногда глючит фейсбук. Очень редко не прикрепляется картинка. Но думаю это глюки именно фейсбука и они быстро решаются или сами по себе, спустя некоторое время, или инструментом, ссылку на который я дал выше

• Ответ изменён 6 месяцев назад пользователем zoltsmaster.

Следствие продолжается. Какой из этих плагинов отвечает за Open Graph?

Следствие продолжается

Rank Math SEO – Инструменты SEO с ИИ для доминирования в SEO-рейтинге

Social Media Optimization
Add Overlay Icons On Social Images
Default OpenGraph Thumbnail
Auto Facebook Open Graph
Facebook Authorship
Facebook Open Graph for Homepage
Automatic Twitter Meta Cards
Twitter Card for Homepage
Default Twitter Card Type
Social Previews

и косвенно второй

И ещё добавлю. Если будет правильно настроен и будет работать Open Graph для Фейсбука — то для ВК, Однокласников и прочих российских соц сетей он тоже будет работать

• Ответ изменён 6 месяцев назад пользователем zoltsmaster.
• Ответ изменён 6 месяцев назад пользователем zoltsmaster.
• Ответ изменён 6 месяцев назад пользователем zoltsmaster.

Open Graph Protocol Framework — Плагин для WordPress

The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

This WordPress plugin is aimed at automating the process of adding basic and optional metadata to a site’s pages. It is also designed to act as a framework for other plugins or themes and allows to modify and adapt the information provided as needed.

Применение

Install and activate the plugin. It will automatically render the following metadata for posts, pages, etc. :

• og:title : The page’s title is used, this provides the title for posts, pages, archives etc.
• og:type : The type will be article in general, website for the front page and blog for the blog homepage.
• og:image : For post types that support featured images, the URL of the featured image is used. Additional metadata og:image:width and og:image:height is added.
• og:url : The URL of the current page.
• og:site_name : The name of the site.
• og:description : Uses the full excerpt if available, otherwise derives it from the content. For author and archive pages, the type of page and title is used.
• og:locale : The current locale.
• og:locale:alternate : Indicates additional locales available if WPML is installed.

Фильтр

This section is for developers. If you’re not a developer, you can safely skip it.

The plugin provides the following filters:

open_graph_protocol_meta

This filter allows to modify the value of the content attribute for a given meta tag.
It is invoked for every supported type of metadata.

Parameters:

• string content — the current value of the content attribute
• string property — the metadata name, for example og:title

Filters must return:

• string the desired value of the content attribute

open_graph_protocol_meta_tag

This filter allows to modify the actual HTML <meta> tag that is rendered in the <head> section of pages.

Parameters:

• string HTML <meta> tag
• string property — the metadata name, for example og:title
• string content — the value of the content attribute

Filters must return:
— string the desired output for the HTML <meta> tag

open_graph_protocol_metas

This filter allows to add or remove metadata before it is rendered.

Parameters:

• array of metadata indexed by metadata name

Filters must return:
— array of metadata indexed by metadata name

open_graph_protocol_echo_metas

This filter allows to modify the HTML that renders the plugin’s meta tags in the <head> section.

Parameters:

• string HTML with <meta> tags to be rendered

Filters must return:
— string HTML with <meta> tags to be rendered

Why this plugin?

This plugin was created because we needed an extendable way to render meta tags based on the Open Graph protocol, which would allow to modify the meta tag content rendered or add meta tags when appropriate based on external data.

None of the existing plugins provided a sufficiently flexible way of doing that, among other reasons we needed a solution that would comply with all of these requirements and none of the existing solutions does:

• must be compatible with WordPress 3.5
• must automatically add meta tags for featured images
• must be automated and create sensible meta tag content for each page, we don’t want to manually indicate the tag content for every page
• must provide a framework for extension through hooks and filters on every tag, and provide a design that allows other plugins to modify the meta tags in flexible ways
• must not ask to provide your Facebook account details or application ID when there is no need for it
• must not be bloated with features you don’t want or need when you simply want Open Graph metatags to be rendered automatically for your pages

Logo Attribution

The logo used for this plugin’s icon and banner is the Open Graph protocol logo by Facebook — ogp.me. Licensed under Public Domain via Wikimedia Commons.

• Plugin info

See also the Open Graph Protocol plugin pages and documentation.

1. Use the Add new option found in the Plugins menu in WordPress and search for Open Graph Protocol or upload the plugin zip file or extract the open-graph-protocol folder to your site’s /wp-content/plugins/ directory.
2. Enable the plugin from the Plugins menu in WordPress.

Where is the documentation?

The plugin’s documentation pages are here.

Where can I ask a question?

You can post a comment on the plugin page.

Where can I find out more about the Open Graph protocol?

The Open Graph protocol specification is available on ogp.me.

Quick and dirty, this plugin does the job. Activate it and the tags will start showing up in the markup and sharing on facebook becomes more completed. So that is great, that it requires no skill to get where you want to go. But then you start realizing that a bunch of other stuff no longer works on your site like Woocommerce notices, or you start seeing any add_actions that you added to templates doubling up. This plugin calls the full apply_filters on the_content when it renders which makes everything within that stack fire twice causing anomalies which are very hard to track down. In closing: This plugin will probably work great for you if you have a vanilla site without too much customization. If you have a complex site with things like Woocommerce it’s not a good fit.

This plugin works, simply and as stated, across several sites with different structures, and is much appreciated… Hoping it is kept up to date, as things seem to be poised for some rapid change, both WordPress and social media…

Absolutely useless for beginners/newbees like me ..

Had issues when posting my posts on facebook with Sumome this simple plugin did the job was able to get and post the featured image on facebook versus any other random image.so simple plugin no need any configuration. Thank you

Currently most SEO plugins render og metas, but most of them are not easy to customize, this plugin is perfect for customizing. Thanks very much.

Посмотреть все 13 отзывов

«Open Graph Protocol Framework» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Open Graph, Google Plus/Schema.org, Twitter Card Tags for WordPress — Плагин для WordPress

This plugin allows you to insert:

• Facebook Open Graph Meta Tags for efficient Facebook sharing
• Twitter Card tags for more effective Twitter sharing
• Meta Description and Schema.org tags for more effective Google+ sharing results

Feature list

• Compatible with Gutenberg Editor
• Facebook Open Graph Meta Tags
• Twitter Card tags
• Google Plus/Schema.org tags
• Option to automatically purge Facebook Open Graph Meta Tags cache whenever you update/publish a post/page
• Compatible with WordPress SEO by Yoast plugin
• Compatible with SubHeading plugin
• Compatible with Business Directory Plugin plugin
• Compatible with BuddyPress, BBPress, WooCommerce
• Supports HTTPS enabled websites
• 24/7 quickest support

What makes this plugin Stand Out from others?

1. Free: Yea, right. It is a free plugin. You need not pay single penny to use the features of this plugin.
2. No Need to Register Anywhere: You do not need to create account at our website to use this plugin.
3. Absolutely Simple: Plugin configuration is kept dead simple.
4. Lightweight Code: Our developers follow best coding practices to ensure efficient loading and performance.
5. We are committed to provide best quality among other similar plugins. If you find our plugin is lacking some feature, you can email us and we will do our best to include that feature in our plugin as soon as possible.
6. Our support team is working 24/7 to answer your queries and assist you. You will find us the quickest to respond.

Important links

• About Us: https://www.heateor.com
• Our Facebook Page: https://www.facebook.com/Heateor
• Our GooglePlus Page: https://plus.google.com/+Heateor
• Our Twitter Profile: https://twitter.com/Heateor
• Support Documentation: http://support.heateor.com
• Add-Ons: https://www.heateor.com/add-ons

You can provide your feedback at hello[at]heateor[dot]com

• Plugin Options Page: Tons of options, FREE
• Meta Tags: Meta tags in HTML source of website

Installation

• Download the plugin from this page
• Navigate to Plugins > Add New > Upload Plugin page in admin panel of your website
• Click Upload, click Choose file, upload the plugin zip and click Install Now button
• Activate the plugin when installation is complete

Configuration

After installing and activating the plugin, you will see Open Graph Meta Tags in the left sidebar in your website admin panel.
There is help available with each option. You can see the help text by clicking the ? icon before each option.

How much do you charge for the plugin?

This plugin is FREE to download and feel free to use it on your WordPress, BuddyPress, BBPress and any other WP based systems. For advanced features and custom solutions, drop an email at support[at]heateor[dot]com

Can you help me set up the plugin at my website?

Yes, we can help you with it. Just drop an email at support[at]heateor[dot]com

How much do you charge for the plugin?

This plugin is FREE to download and feel free to use it on your WordPress, BuddyPress, BBPress and any other WP based systems. For advanced features and custom solutions, drop an email at support[at]heateor[dot]com

Can you help me set up the plugin at my website?

Yes, we can help you with it. Just drop an email at support[at]heateor[dot]com

Still testing, but so far, fb picks up all of the tags without issue.

Looks like Astra theme did not send all Open Graph properties. This one small plugin fix all my problems. Great Job!

There is a conflict with DIVI 3.2.1 which creates blank screen with with posts in single mode, not in blog mode I don’t know anymore except that I spent hours to identify this conflict and I had to deactivate the plugin

Perfect companion to the «sassy social share» plugin also by Heateor Thank you so much! Love this plugin!

I’ve been meaning to give this 5 to them. This is my first time rating a plug in. I’ve had encountered plug ins in the past that I’d like to give a one but figured it isn’t worth it my time. With these guys, I’m willing to spend extra time because the plug in is so easy to use and they have the feature I want for free from another Social Sharing Plug in. Kudos to these devs.

The plugin is fantastic and so simple. With it I have been able to fix some issues I was having.

Посмотреть все 8 отзывов

«Open Graph, Google Plus/Schema.org, Twitter Card Tags for WordPress» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

1.1.7

• [Improvement] Admin UI compatibility fixes for WordPress 5.1
• [Improvement] Admin UI improvement

1.1.6

• [Improvement] Plugin admin UI is compatible with WordPress version 4.7

1.1.5

• [Bugfix] <br/> tag was appearing with meta tags in a few cases
• [Improvement] «Network Activate» is now activating the plugin with default options on subsites in multisite network
• [Improvement] New subsites created in multisite network will have default options

1.1.4

• [Bugfix] ‘summary_large’ was being used for twitter:card tag, instead of ‘summary_large_image’ (thanks @tlync)

1.1.3

• [Improvement] Weird looking white line was appearing below the active tab at plugin options page in admin area

1.1.2

• [Improvement] Admin UI improvement

1.1.1

• [Bugfix] Twitter tweet was not showing correct image, in a few cases

1.1

• [Bugfix] «Default image for image meta tags» option was not working properly
• [Bugfix] Image meta tags were not appearing at homepage
• [Bugfix] PHP notices were being generated for a couple of options at plugin options page, after saving the plugin settings

1.0

• Initial release of the plugin

Интеграция Open Graph в WordPress

Замечали ли вы, что при установке социальных кнопок на сайт, которые позволяют поделиться материалом, при нажатии на них, в той или иной социальной сети появляется не совсем то, что хотелось бы? То вместо картинки из поста выходит изображения счётчика, то вместо описания к посту – какой-то другой фрагмент текста.

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

Тот контент, который будет появляться в социальной сети, если поделиться материалом, управляется протоколом Open Graph (или OG), и в стандартных функциях WordPress он не поддерживается. В этой статье мы расскажем вам о плагине, который позволяет интегрировать протокол Open Graph в WordPress и легко использовать его без знания кода.

Протокол Open Graph плагином WP-OG

Плагин WP-OG позволяет интегрировать Open Graph в WordPress. И пользоваться этим плагином очень легко. Скачайте, установите его на своём сайте и активируйте, а затем перейдите в пункт консоли «Настройки» и выберите подпункт «Open Graph Tags».

• Site name. Записываем название сайта для тега og:site_name.
• Записываем заголовок сайта для тега og:title.
• Создаём небольшое описание, которое запишется в теге og:description.
• Указываем URL изображения, которое запишется в теге og:image.
• Activate for post types. Отмечаем галочками, в каких типах контента будут отображаться поля для мета-тегов Open Graph. Поддерживаются произвольные типы.

О тегах Open Graph мы подробнее рассказывали тут.

Благодаря заполнению тегов на странице настроек плагина, вы создали данные, которые будут передаваться через протокол OG в социальную сеть вместе со ссылкой на главную страницу сайта. Отметив галочками в «Activate for post types» нужные типы контента, вы подключили мета-теги и к другим частям сайта, например к записям или страницам. И теперь в каждой записи или странице можно прописать свои мета-теги OG. Для этого необходимо открыть редактор WordPress и заполнить поля в низу в секции «Open Graph Tags». Там есть мета-теги для заголовка, описания и изображения.

Если же для той или иной записи или страницы не будут заполнены мета-теги OG, то при постинге в социальные сети отобразится информация по умолчанию, то есть та, которая назначена для главной страницы.

Open Graph Protocol Framework — плагин для WordPress

Протокол Open Graph позволяет любой веб-странице стать многофункциональным объектом в социальном графе. Например, это используется в Facebook, чтобы позволить любой веб-странице иметь те же функции, что и любой другой объект на Facebook.

Этот плагин WordPress предназначен для автоматизации процесса добавления основных и дополнительных метаданных на страницы сайта. Он также предназначен для использования в качестве основы для других плагинов или тем и позволяет изменять и адаптировать предоставленную информацию по мере необходимости.

Использование

Установите и активируйте плагин. Он автоматически отобразит следующие метаданные для сообщений, страниц и т. Д.:

• og: title : Используется заголовок страницы, он обеспечивает заголовок для сообщений, страниц, архивов и т. Д.
• og: type : Типом будет article в целом, website для главной страницы и blog для домашней страницы блога.
• og: image : Для типов сообщений, которые поддерживают избранные изображения, используется URL-адрес избранного изображения.Добавлены дополнительные метаданные og: image: width и og: image: height .
• og: url : URL-адрес текущей страницы.
• og: site_name : Имя сайта.
• og: description : Использует отрывок полностью, если он доступен, в противном случае извлекает его из содержимого. Для страниц автора и архива используется тип страницы и заголовок.
• og: locale : текущая локаль.
• og: locale: alternate : указывает, что дополнительные языковые стандарты доступны, если установлен WPML.

Фильтры

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

Плагин предоставляет следующие фильтры:

open_graph_protocol_meta

Этот фильтр позволяет изменять значение атрибута content для данного метатега.
Он вызывается для каждого поддерживаемого типа метаданных.

Параметры:

• строка content — текущее значение содержимого атрибута
• строка свойство — имя метаданных, например og: title

Фильтры должны возвращать:

• строка желаемое значение содержимого атрибута

open_graph_protocol_meta_tag

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

Параметры:

• строка HTML тег
• строка свойство — имя метаданных, например og: title
• строка содержимое — значение содержимого атрибута

Фильтры должны возвращать:
— строка желаемый результат для тега HTML

open_graph_protocol_metas

Этот фильтр позволяет добавлять или удалять метаданные перед их визуализацией.

Параметры:

• массив метаданных, проиндексированных по имени метаданных

Фильтры должны возвращать:
— массив метаданных, проиндексированных по имени метаданных

open_graph_protocol_echo_metas

Этот фильтр позволяет изменять HTML-код, отображающий метатеги плагина в разделе .

Параметры:

• строка HTML с тегами для отображения

Фильтры должны возвращать:
— строка HTML с тегами для отображения

Почему этот плагин?

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

Ни один из существующих плагинов не предоставляет достаточно гибкий способ сделать это, среди прочего, нам нужно решение, которое бы соответствовало всем этим требованиям, а ни одно из существующих решений не делает:

• должен быть совместим с WordPress 3.5
• должен автоматически добавлять метатеги для избранных изображений
• должен быть автоматизирован и создавать разумное содержание метатега для каждой страницы, мы не хотим вручную указывать содержание тега для каждой страницы.
• должен обеспечивать основу для расширения с помощью перехватчиков и фильтров для каждого тега и обеспечивать дизайн, который позволяет другим плагинам гибко изменять метатеги.
• не должен запрашивать данные вашей учетной записи Facebook или идентификатор приложения, если в этом нет необходимости
• не должен быть перегружен функциями, которые вам не нужны или которые вам не нужны, если вы просто хотите, чтобы метатеги Open Graph отображались автоматически для ваших страниц.

Размещение логотипа

Логотип, используемый для значка и баннера этого плагина, является логотипом протокола Open Graph от Facebook — ogp.мне. Лицензировано как общественное достояние через Wikimedia Commons.

• Информация о плагине

См. Также страницы и документацию плагина Open Graph Protocol.

1. Используйте опцию Добавить новый из меню Плагины в WordPress и найдите Open Graph Protocol , загрузите zip-файл плагина или извлеките папку open-graph-protocol в папку / wp- вашего сайта. каталог content / plugins / .
2. Включите плагин из меню Плагины в WordPress.

Где документация?

Страницы документации плагина находятся здесь.

Где я могу задать вопрос?

Вы можете оставить комментарий на странице плагина.

Где я могу узнать больше о протоколе Open Graph?

Спецификация протокола Open Graph доступна на ogp.me.

Быстрый и грязный, этот плагин делает свою работу.Активируйте его, и теги начнут отображаться в разметке, и публикация на facebook станет более полной. Так что это здорово, что не требуется никаких навыков, чтобы добраться туда, куда вы хотите. Но затем вы начинаете понимать, что куча других вещей больше не работает на вашем сайте, например, уведомления Woocommerce, или вы начинаете видеть, что любые add_actions, которые вы добавили в шаблоны, удваиваются. Этот плагин вызывает полные apply_filters для the_content при рендеринге, что заставляет все в этом стеке срабатывать дважды, вызывая аномалии, которые очень трудно отследить.В заключение: этот плагин, вероятно, отлично подойдет вам, если у вас есть ванильный сайт без особых настроек. Если у вас сложный сайт с такими вещами, как Woocommerce, он не подходит.

Этот плагин работает просто и, как указано, на нескольких сайтах с разной структурой, и его очень ценят … Надеюсь, что он будет обновляться, поскольку, похоже, все готово к некоторым быстрым изменениям, как в WordPress, так и в социальных сетях ..

Совершенно бесполезен для новичков / новичков вроде меня..

Были проблемы при публикации моих сообщений в facebook с помощью Sumome, этот простой плагин выполнил работу, смог получить и опубликовать избранное изображение на facebook по сравнению с любым другим случайным изображением. Поэтому простой плагин не требует настройки. Спасибо

В настоящее время большинство плагинов SEO отображают мета, но большинство из них непросто настроить, этот плагин идеально подходит для настройки. Огромное спасибо.

Посмотреть все 13 отзывов

«Open Graph Protocol Framework» — программное обеспечение с открытым исходным кодом.Следующие люди внесли свой вклад в этот плагин.

авторов .

Open Graph, Google Plus / Schema.org, Twitter Card Tags для WordPress — плагин WordPress

Этот плагин позволяет вставлять:

• Facebook Open Graph Meta Tags для эффективного обмена в Facebook
• Теги Twitter Card для более эффективного обмена в Twitter
• Метаописание и теги Schema.org для более эффективного обмена результатами в Google+

Список функций

• Совместимость с редактором Gutenberg
• Мета-теги открытого графика Facebook
• Теги Twitter Card
• Google Plus / Схема.Теги организации
• Возможность автоматической очистки кеша метатегов Facebook Open Graph всякий раз, когда вы обновляете / публикуете сообщение / страницу
• Совместим с плагином WordPress SEO by Yoast
• Совместим с плагином SubHeading
• Совместим с подключаемым модулем Business Directory Plugin
• Совместимость с BuddyPress, BBPress, WooCommerce
• Поддерживает веб-сайты с поддержкой HTTPS
• Самая быстрая поддержка 24/7

Что отличает этот плагин от других?

1. Бесплатно : Да, верно.Это бесплатный плагин. Вам не нужно платить ни копейки, чтобы использовать функции этого плагина.
2. Нет необходимости где-либо регистрироваться : Вам не нужно создавать учетную запись на нашем веб-сайте, чтобы использовать этот плагин.
3. Абсолютно просто : Конфигурация плагина очень проста.
4. Облегченный код : наши разработчики следуют лучшим методам кодирования, чтобы обеспечить эффективную загрузку и производительность.
5. Мы стремимся предоставить лучшее качество среди других подобных плагинов.Если вы обнаружите, что в нашем плагине отсутствует какая-либо функция, вы можете написать нам по электронной почте, и мы сделаем все возможное, чтобы включить эту функцию в наш плагин как можно скорее.
6. Наша команда поддержки работает круглосуточно, без выходных, , чтобы ответить на ваши вопросы и помочь вам. Вы найдете, что мы ответим как можно быстрее.

Важные ссылки

• О нас: https://www.heateor.com
• Наша страница в Facebook: https://www.facebook.com/Heateor
• Наша страница GooglePlus: https://plus.google.com / + обогреватель
• Наш профиль в Twitter: https://twitter.com/Heateor
• Документация по поддержке: http://support.heateor.com
Дополнения
• : https://www.heateor.com/add-ons

Вы можете оставить свой отзыв на hello [at] heateor [dot] com

• Параметры плагина Страница : Тонны параметров, БЕСПЛАТНО
• Мета-теги : Мета-теги в исходном HTML-коде веб-сайта

Установка

• Скачать плагин с этой страницы
• Перейдите к плагинам > Добавить новый > Загрузите страницу плагина в панели администратора вашего сайта
• Нажмите Загрузить , нажмите Выберите файл , загрузите zip-архив плагина и нажмите Установить сейчас , кнопка
• Активировать плагин по завершении установки

Конфигурация

После установки и активации плагина вы увидите Open Graph Meta Tags на левой боковой панели в панели администратора вашего сайта.
Для каждой опции доступно справки . Вы можете увидеть текст справки, нажав ? значок перед каждой опцией.

Сколько вы берете за плагин?

Этот плагин можно загрузить БЕСПЛАТНО, и вы можете свободно использовать его на своих WordPress, BuddyPress, BBPress и любых других системах на базе WP. Чтобы узнать о дополнительных функциях и индивидуальных решениях, напишите письмо по адресу support [at] heateor [dot] com

Можете ли вы помочь мне установить плагин на моем сайте?

Да, мы можем вам с этим помочь.Просто напишите письмо по адресу support [at] heateor [dot] com

Сколько вы берете за плагин?

Этот плагин можно загрузить БЕСПЛАТНО, и вы можете свободно использовать его на своих WordPress, BuddyPress, BBPress и любых других системах на базе WP. Чтобы узнать о дополнительных функциях и индивидуальных решениях, напишите письмо по адресу support [at] heateor [dot] com

Вы можете помочь мне установить плагин на моем сайте?

Да, мы можем вам с этим помочь. Просто напишите письмо по адресу support [at] heateor [dot] com

Все еще тестируется, но пока что fb без проблем подхватывает все теги.

Похоже, что тема Astra отправила не все свойства Open Graph. Этот небольшой плагин исправит все мои проблемы. Прекрасная работа!

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

Идеальный компаньон для плагина «sassy social share», также от Heateor Спасибо большое! Обожаю этот плагин!

Я хотел дать им эту 5.Я впервые оцениваю плагин. В прошлом я встречал плагины, которые я хотел бы дать, но решил, что это того не стоит моего времени. С этими ребятами я готов потратить дополнительное время, потому что плагин очень прост в использовании, и у них есть функция, которую я хочу бесплатно, от другого плагина Social Sharing. Престижность этим разработчикам.

Плагин фантастический и такой простой. С его помощью я смог исправить некоторые проблемы, которые у меня были.

Посмотреть все 8 отзывов

«Open Graph, Google Plus / Schema.org, Twitter Card Tags для WordPress »- программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

Авторы

1.1.7

• [Улучшение] Исправления совместимости интерфейса администратора для WordPress 5.1
• [Улучшение] Улучшение интерфейса администратора

1.1.6

• [Улучшение] Интерфейс администратора плагина совместим с версией WordPress 4.7

1.1.5

• [Исправление ошибки]
  тег появлялся вместе с метатегами в нескольких случаях
• [Улучшение] «Network Activate» теперь активирует плагин с параметрами по умолчанию на дочерних сайтах в многосайтовой сети
• [Улучшение] Новые дочерние сайты, созданные в многосайтовой сети, будут иметь параметры по умолчанию

1.1,4

• [Исправление ошибки] для тега twitter: card использовалось «summary_large» вместо «summary_large_image» (спасибо @tlync)

1.1.3

• [Улучшение] Странная белая линия появлялась под активной вкладкой на странице параметров плагина в области администрирования

1.1.2

• [Улучшение] Улучшение интерфейса администратора

1.1.1

• [Bugfix] Твиттер Twitter не показывал правильное изображение, в некоторых случаях

1.1

• [Исправление ошибки] Параметр «Изображение по умолчанию для метатегов изображений» не работал должным образом
• [Bugfix] Метатеги изображений не отображались на главной странице
• [Исправление ошибки] PHP-уведомления генерировались для нескольких параметров на странице параметров плагина после сохранения настроек плагина

1,0

• Первый выпуск плагина

.