Кратак одговор: да бисте проверили Open Graph онлајн, налепите адресу странице у бесплатни Open Graph Debugger PromoPilot. Он ће прочитати све ознаке og:* и Twitter Card, проверити присуство и величину слике, проценити потпуност ознака и приказати прегледе линкова за Facebook, X (Twitter) и LinkedIn — плус препоруке за додавање. Није потребна регистрација. Испод ћете пронаћи потребне ознаке, потребну величину og:image и како ажурирати „заглављени“ преглед.
Правим веб странице већ 12 година и чешће чујем питање „Зашто Telegram линк нема слику?“ од клијената него питања о рангирању. Обично је то посао од пет минута — ако знате где да тражите.
Шта проверава Open Graph Debugger?
Када убаците линк у објаву или поруку, платформа одлази на страницу и тражи Open Graph ознаке. Ако је пронађе, црта уредну картицу. Ако је не пронађе, узима шта год пронађе или приказује голу URL адресу. Алат проверава само оно што ће друштвене мреже прочитати.
| Шта проверава? | Шта он гледа? | Зашто је ово потребно пословању? |
|---|---|---|
| Све ознаке og:* | ог:наслов, ог:опис, ог:имаге, ог:урл, ог:типе, ог:сите_наме, ог:лоцале | Са њих, сајтови прикупљају наслов, опис и слику картице. |
| Твитер картица | твитер:картица, твитер:наслов, твитер:опис, твитер:слика | X (Твитер) чита своје ознаке, а ако их нема, делимично их log-ује |
| ОГ слика | Да ли постоји слика и које је величине? | Мала слика претвара картицу у сићушну икону са стране |
| Процена потпуности | Колико је препоручених ознака попуњено? | Кратак преглед: да ли је све на свом месту? |
| Прегледи мреже | картице за Facebook, X и ЛинкедИн | Можете видети како ће објава изгледати пре објављивања. |
| Препоруке | Шта треба да додам или исправим? | Готова листа задатака за програмера или за вас |
Како проверити странице Open Graph-а онлајн?
- Отвори програм за отклањање грешака у графовима.
- Унесите URL адресу странице коју желите да делите: чланак, производ или огласна страница. Кликните на „Провери“.
- Прођите кроз листу ознака: које су подешене, које су празне и да ли постоји страна или тест адреса у og:url.
- Проверите преглед за сваку мрежу: да ли је наслов одсечен, да ли је слика видљива и да ли постоји важан текст око ивица.
- Молимо вас да додате недостајуће ознаке како је препоручено и поново проверите страницу.
Страница алата: поље за адресу, дугме „Провери“, листа провера и честа питања.
Алат је лаган: дневни лимит је довољан да гост провери све шаблоне сајта - почетну страницу, категорију, производ и чланак. Након бесплатне регистрације, лимит се утростручује.
Које су најчешће грешке у Open Graph-у?
Ево шта налазим на скоро сваком другом сајту и којим редоследом то поправити.
- Нема og:image или је наведен као релативни URL. Друштвене мреже неће разумети
content="/img/cover.jpg"— потребан је пуни URL који почиње саhttps://. Без слике, досег објаве значајно опада. - Слика је премала. Лого димензија 200x200 претвара картицу у мали квадрат са стране. Потребна је слика димензија 1200x630.
- Једна og:image за цео сајт. Сваки чланак и сваки производ на друштвеним мрежама треба да изгледају исто — са логотипом. За блог и каталог, слика треба да буде преузета са главне фотографије странице.
- og:url води до друге адресе — почетне странице, тест домена или
http://верзије. Платформа може да обједини све линкове на једну страницу. - Не постоји twitter:card. Без њега, X често приказује малу картицу. За већу слику, потребан вам је
summary_large_image. - og:title дуплира наслов са „купи“ и брендом. У фиду друштвених медија, ово изгледа као оглас; живахан наслов, као за објаву, је бољи.
Минимални исправан скуп изгледа овако:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">Како припремити слику за og:image?
Слика је најприметнији део картице и то је место где људи често штеде. Ево неколико правила којих се придржавам:
- Величина је 1200×630, а оријентација је хоризонтална. Друштвена мрежа ће исећи горњи и доњи део квадратне фотографије производа, што може довести до тога да производу недостаје глава или ђон.
- Важно је да је у центру. Различите платформе различито обрезују ивице, а у мобилном фиду картица је још мања. Текст треба да буде велики и даље од ивица.
- Минимално текста. Наслов је већ испод слике; довољно је 3-6 речи или без натписа на самој слици.
- Лагана датотека. JPG или PNG датотека разумне величине ће се брзо учитати, а платформа неће имати временски истека.
- Посебна слика за сваку кључну страницу. За чланке и производе, згодно је аутоматски креирати једну: насловну страну чланка или главну фотографију производа.
Добар тест је да отворите преглед у програму за отклањање грешака на телефону. Ако линк није јасан без зумирања, слику треба прерадити.
Како да ажурирам стари преглед након поправке?
Уобичајени сценарио: поправили сте ознаке, али друштвена мрежа тврдоглаво приказује стару слику. Разлог је кеш меморија: платформа је запамтила преглед од првог дељења. На Facebook помаже поновно прикупљање података у Sharing Debugger-у, на Линкедину помоћу Post Inspector-а, а на Telegram помоћу @WebpageBot бота, коме шаљете линк. Ако све остало не успе, додајте безопасни параметар адреси, као што је ?v=2: за платформу, ово је нови линк.
Поређење: Open Graph Debugger и алтернативе
| Алат | Шта је бесплатно? | Ограничења | За кога је погодно? |
|---|---|---|---|
| PromoPilot - Open Graph Debugger | Све ознаке за og и Twitter, величина слике og, прегледи за Facebook, X и LinkedIn, препоруке | Не брише кеш меморију друштвених медија | Одмах проверите своју страницу пре него што је објавите на било којој друштвеној мрежи |
| Дељење програма за отклањање грешака (Мета) | Преглед Facebook и поновно прикупљање података | Само Facebook, потребно је пријавити се на налог | Ресетујте стари преглед на Facebook |
| Инспектор објава на LinkedIn-у | Преглед и освежавање кеша на LinkedIn-у | Само за LinkedIn, потребна је пријава | За оне који се промовишу на LinkedIn-у |
| @WebpageBot на Telegram | Ажурирање прегледа линка у Telegram | Само Telegram, не анализира ознаке | За власнике Telegram канала |
Закључак: потребни су званични дебагери платформе за брисање кеша, али свака платформа приказује само своју мрежу. Да бисте видели све прегледе и листу недостајућих ознака одједном, универзални дебагер је практичнији.
Иначе, PromoPilot има 87 бесплатних SEO алата. Ако још нисте писали ознаке, имамо чланак у нашој серији о генератору мета ознака који ће креирати Open Graph блок са прегледом.
По чему се Open Graph Debugger разликује од анализе мета ознака?
Анализа мета ознака посматра страницу очима претраживача: наслов, опис, канонички, hreflang и Open Graph су само једна група. Дебагер се фокусира на друштвене медије: креира картице за различите платформе, проверава величину слика и даје препоруке посебно на основу прегледа. Ако се линкови до вашег сајта активно деле на друштвеним медијима и у апликацијама за размену порука, дебагер је кориснији.
Оба имају једно ограничење: читају HTML који враћа сервер. Ако ознаке убаци скрипт прегледача, многе друштвене мреже их неће видети — ово треба поправити на страни веб странице. Још један детаљ: програм за отклањање грешака проверава ознаке, али не и само дељење. Ако је страница заштићена лозинком, геоблокирана или заштићена од ботова, друштвена мрежа можда неће моћи да јој приступи чак и ако су све ознаке присутне.
Када бесплатан алат није довољан?
Дебагер ће показати да страница нема og:image. Али ако постоје хиљаде страница, ручно уметање слика није могуће. Специјалиста је потребан када:
- сваки производ или артикал треба да има своју слику за преглед, која се аутоматски прикупља;
- сајт враћа ознаке помоћу скрипте, а друштвене мреже их не виде;
- Покрећете огласе и слање поште где сваки преглед утиче на цену по клику;
- Потребна нам је комбинација „вебсајта + Telegram канала + аутоматског објављивања“ са правим картицама.
Шта могу да урадим за ваш веб-сајт?
Ја сам Валериј Дањук, програмер и SEO специјалиста са 12 година искуства и преко 200 клијената. Прелеп преглед линка је бесплатан, а ја га прилагођавам сваком пројекту.
SEO и промоција
- SEO ревизија веб сајта по систему „кључ у руке“: Проверавам све ознаке шаблона, подешавам аутоматски преглед слика и исправљам код.
Веб странице и онлајн продавнице
- Пренос ваше продавнице са Instagram на вашу веб страницу — производи са одговарајућим прегледима за лако дељење.
- Одредишна страница за нови производ креирана за једно вече – студија случаја NordHarvest са готовом картицом за друштвене мреже.
- Вебсајт клинике за пластичну хирургију са вештачком интелигенцијом и апликацијама путем Telegram.
- Веб-сајт на 1001site: прегледи за друштвене мреже и аутоматско објављивање у Telegram се конфигуришу аутоматски.
Ботови и аутоматизација
- Telegram бот са вештачком интелигенцијом за онлајн продавницу сосова.
- QuestFlow је SaaS креатор Telegram ботове са вештачком интелигенцијом.
- Агенти за е-трговину уместо четботова.
Пошаљи ми линк који лоше изгледа у месинџеру на Telegram и рећи ћу ти која ознака недостаје.
Резултат
- Онлајн алат за проверу Open Graph-а приказује како линк изгледа на Facebook, X-у и LinkedIn-у, и које ознаке недостају.
- Минимално потребни су ог:титле, ог:типе, ог:имаге (1200×630, пуна адреса) и ог:урл, плус твиттер:цард.
- Након поправке, ресетујте кеш меморију сајтова: Дебагер за дељење, Инспектор објава, @WebpageBot.
- За каталог и блог, слике за преглед треба да се прикупљају аутоматски, као на 1001site.
Проверите страницу коју ћете делити у бесплатном програму Open Graph Debugger пре него што ваши пратиоци виде објаву.
Извори
- Страница алата PromoPilot за отклањање грешака у Open Graph-у — листа провера и честа питања.
- Отворени графички протокол (ogp.me) - обавезна и опциона својства.
- Мета-ов дебагер за дељење и ЛинкедИн инспектор објава су званични алати платформе.
