Парады па SEO: мета-тэгі Open Graph

  1. Што такое Open Graph?
  2. Чаму Open Graph важны
  3. Мета-тэгі Open Graph
  4. Мета-тэгі Google+

Нават самы круты кантэнт бескарысны, калі яго ніхто не бачыць. Важна не толькі ствараць матэрыялы, але і дзяліцца імі ўсімі даступнымі спосабамі. Вялікі ахоп можна атрымаць праз сацыяльныя сеткі, але як аптымізаваць змесціва для VK, Facebook, Twitter? Мы раскажам.

Што такое Open Graph?

На афіцыйным сайце гаворыцца, што пратакол Open Graph ўзбагачае магчымасці старонкі ў сацыяльных медыя. Іншымі словамі, гэта група мета-тэгаў, якая расказвае сацыяльных сетках пра змесціва старонак, якімі вы дзяліцеся. Дзякуючы гэтаму спасылкі з набору сімвалаў ператвараюцца ў зразумелыя загалоўкі з малюначкамі і тлумачэннямі. Пратакол Open Graph быў створаны Facebook'ом і цяпер рэгулюецца Open Web Foundation.

Пратакол Open Graph быў створаны Facebook'ом і цяпер рэгулюецца Open Web Foundation

Чаму Open Graph важны

Сацыяльныя сеткі - адзін з найбуйнейшых крыніц трафіку. Каб не губляць наведвальнікаў і патэнцыяльных кліентаў, трэба выкарыстоўваць Open Graph. Прамога ўплыву на пошукавую аптымізацыю старонкі пратакол не аказвае, але робіць спасылкі ў сацыяльных сетках прасцей для ўспрымання. Ніжэй мы прыводзім спіс тэгаў і іх прызначэнне.

Мета-тэгі Open Graph

  • og: title - загаловак старонкі. Для яго ёсць абмежаванне ў 65 знакаў. Напішыце нешта даўжэй - тэкст будзе абрэзаны.
  • og: type апісвае тып аб'екта на старонцы (вэб-сайт, блог, кніга, фільм і г.д.).
  • og: image - URL малюнка, які характарызуе старонку.
  • og: url - адрас сайта.
  • og: description - кароткае апісанне старонкі даўжынёй не больш за 300 сімвалаў.
  • og: video - калі на старонцы ёсць відэа, тут прапісваецца URL.
  • og: locale - мова старонкі (ru_RU, en_GB, de_DE, etc.).
  • og: site_name - назва сайта.

Выкарыстанне тэгаў Open Graph

Каб дадаць пратакол Open Graph, трэба выканаць наступныя крокі:

  • Дадаць «http://ogp.me/ns#» да тэгу html.
  • Уставіць мета-тэгі з іх змесцівам і атрыбутамі паміж тэгамі head.
  • Выкарыстоўваць min 4 мета-тэга Open Graph, якія з'яўляюцца абавязковымі: og: title, og: type, og: image і og: url.
  • Пашырыць разметку, калі на вашай старонцы шмат разнастайнага кантэнту.

Вось як будзе выглядаць HTML-код:

<Html prefix = "og: http://ogp.me/ns#"> <head> <title> The Title of Your Article </ title> <meta property = "og: title" content = "Article on Anything by You "/> <meta property =" og: type "content =" article "/> <meta property =" og: url "content =" http://www.websiteaddress.com/article/ "/> <meta property = "og: image" content = "http://www.websiteaddress.com/images/article_pic.jpg" /> ... </ head> ... </ html>

Мета-тэгі Google+

Аптымізаваць спасылкі для Google+ можна 2 спосабамі. У адрозненне ад іншых сацыяльных сетак, Google+, у першую чаргу, шукае разметку Schema. Толькі потым, калі яе не ўдалося знайсці, Google+ звяртаецца да тэгах Open Graph. Таму можна не затлумляцца і выкарыстоўваць Open Graph або дадаць Schema. Алгарытм у разметкі аналагічны, толькі тэгі трохі адрозніваюцца. Вось асноўныя:

  • name: адпавядае og: title
  • description: адпавядае og: description
  • image: адпавядае og: image
  • author: URL профілю Google+
  • publisher: URL старонкі Google+

<Meta itemprop = "name" content = "The name of your website" /> <meta itemprop = "description" content = "The description of your website" /> <meta itemprop = "image" content = "https: // websiteaddress.com/yourimage.png "/>

Дадайце гэтыя тэгі ў свой код, і вы ўбачыце, што яны сапраўды карысныя. Спасылкі на сайт у сацыяльных сетках атрымаюць больш клікаў, што прывядзе на сайт больш наведвальнікаў. Вядома, гэта толькі базавыя веды аб Open Graph. Больш даведацца можна на афіцыйным сайце , Або скарыстацца паслугамі нашай каманды , Якая дапаможа аптымізаваць сайт па ўсіх франтах.

Што такое Open Graph?
Вялікі ахоп можна атрымаць праз сацыяльныя сеткі, але як аптымізаваць змесціва для VK, Facebook, Twitter?
Што такое Open Graph?