Краткиот одговор: за да го проверите Open Graph онлајн, залепете ја адресата на страницата во бесплатниот Open Graph Debugger PromoPilot. Ќе ги прочита сите ознаки og:* и Twitter Card, ќе ја провери присутноста и големината на сликата, ќе ја процени комплетноста на означувањето и ќе прикаже прегледи на линкови за Facebook, X (Twitter) и LinkedIn - плус препораки за тоа што да додадете. Не е потребна регистрација. Подолу ќе ги најдете потребните ознаки, потребната големина на og:image и како да ажурирате „заглавен“ преглед.
Изработувам веб-страници веќе 12 години и почесто од клиентите го слушам прашањето „Зошто линкот Telegram нема слика?“ отколку прашања за рангирање. Обично е работа од пет минути - ако знаете каде да барате.
Што проверува Open Graph Debugger?
Кога вметнувате линк во објава или порака, платформата оди на страницата и бара ознаки Open Graph. Ако најде, црта уредна картичка. Ако не најде, го зема она што ќе го најде или прикажува гола URL адреса. Алатката проверува само што ќе прочитаат социјалните мрежи.
| Што проверува? | Што гледа тој? | Зошто на бизнисот му е потребно ова? |
|---|---|---|
| Сите ознаки og:* | og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale | Од нив, страниците го собираат насловот, описот и сликата на картичката. |
| Твитер картичка | твитер:картичка, твитер:наслов, твитер:опис, твитер:слика | X (Twitter) ги чита своите ознаки, и ако ги нема, делумно ги чита. |
| ОГ слика | Дали има слика и која големина е? | Малата слика ја претвора картичката во мала икона од страната |
| Проценка на комплетноста | Колку препорачани ознаки се пополнети? | Брза референца: дали сè е на свое место? |
| Прегледи на мрежата | картички за Facebook, X и LinkedIn | Можете да видите како ќе изгледа објавата пред објавување. |
| Препораки | Што треба да додадам или корегирам? | Готов список со задачи за развивач или за вас |
Како да ги проверите страниците на 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 помага, на LinkedIn, со Post Inspector, а на Telegram, со ботот @WebpageBot, на кој го испраќате линкот. Ако сè друго не успее, додадете безопасен параметар на адресата, како на пример ?v=2: за платформата, ова е нова врска.
Споредба: Отворен дебагер на графикони и алтернативи
| Алатка | Што е бесплатно? | Ограничувања | За кого е погоден? |
|---|---|---|---|
| PromoPilot - Отвори дебагер за графикони | Сите ознаки за 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 и кои ознаки недостасуваат.
- Потребниот минимум е og:title, og:type, og:image (1200×630, целосна адреса) и og:url, плус twitter:card.
- Откако ќе го поправите, ресетирајте го кешот на страниците: Sharing Debugger, Post Inspector, @WebpageBot.
- За каталогот и блогот, прегледните слики треба да се собираат автоматски, како на 1001site.
Проверете ја страницата што ќе ја споделите во бесплатниот Open Graph Debugger пред вашите следбеници да ја видат објавата.
Извори
- Страница на алатката за отстранување грешки на графикони на PromoPilot — список на проверки и често поставувани прашања.
- Отворен протокол за графикони (ogp.me) - задолжителни и опционални својства.
- Дебагерот за споделување на Мета и инспекторот за објави на LinkedIn се официјалните алатки на платформите.
