Қысқа жауап: Open Graph бағдарламасын онлайн тексеру үшін бет мекенжайын тегін Open Graph Debugger PromoPilot бағдарламасына қойыңыз. Ол барлық og:* және Twitter Card тегтерін оқиды, суреттің бар-жоғын және өлшемін тексереді, белгілеудің толықтығын бағалайды және Facebook, X (Twitter) және LinkedIn үшін сілтемелердің алдын ала қарауларын көрсетеді, сонымен қатар не қосу керектігі туралы ұсыныстар береді. Тіркелу қажет емес. Төменде қажетті тегтерді, қажетті og:кескін өлшемін және "қатып қалған" алдын ала қарауды қалай жаңарту керектігін таба аласыз.
Мен 12 жыл бойы веб-сайттар жасап келемін және клиенттерден рейтинг туралы сұрақтарға қарағанда «Неге Telegram сілтемесінде сурет жоқ?» деген сұрақты жиі естимін. Әдетте бұл бес минуттық жұмыс - егер қайдан іздеу керектігін білсеңіз.
Open Graph Debugger нені тексереді?
Жарияланымға немесе хабарламаға сілтеме енгізген кезде, платформа бетке өтіп, Open Graph тегтерін іздейді. Егер тапса, ұқыпты карта салады. Егер таппаса, тапқанын алады немесе бос URL мекенжайын көрсетеді. Құрал тек әлеуметтік желілердің не оқитынын тексереді.
| Нені тексереді? | Ол не қарап тұр? | Неліктен бизнеске бұл қажет? |
|---|---|---|
| Барлық тегтер:* | og:атауы, og:сипаттама, og:сурет, og:url, og:түрі, og:сайт_атауы, og:жергілікті | Осылардан сайттар картаның атауын, сипаттамасын және суретін жинайды. |
| Twitter картасы | twitter:card, twitter:title, twitter:description, twitter:image | X (Twitter) оның тегтерін оқиды, ал егер олар жоқ болса, ішінара |
| OG кескіні | Суреті бар ма және өлшемі қандай? | Кішкентай сурет картаны бүйіріндегі кішкентай белгішеге айналдырады |
| Толықтығын бағалау | Қанша ұсынылған тег толтырылған? | Қысқаша анықтама: бәрі орнында ма? |
| Желілік алдын ала қараулар | Facebook, X және LinkedIn үшін карталар | Жарияланбас бұрын жазбаның қалай көрінетінін көре аласыз. |
| Ұсыныстар | Нені түзетуім немесе қосуым керек? | Әзірлеушіге немесе сіз үшін дайын тапсырмалар тізімі |
Open Graph беттерін онлайн режимінде қалай тексеруге болады?
- Ашық графикті түзету құралын ашу.
- Бөліскіңіз келетін беттің URL мекенжайын енгізіңіз: мақала, өнім немесе жарнамалық басты бет. "Тексеру" түймесін басыңыз.
- Тегтер тізімін қарап шығыңыз: қайсысы орнатылған, қайсысы бос және og:url файлында бөтен немесе тест мекенжайы бар-жоғын.
- Әрбір желінің алдын ала көрінісін тексеріңіз: тақырып кесіліп алынған ба, сурет көрініп тұр ма және жиектерінде маңызды мәтін бар ма.
- Ұсынылғандай , жетіспейтін тегтерді қосып, бетті қайта тексеріңіз.
Құрал беті: мекенжай өрісі, «Тексеру» түймесі, тексерулер тізімі және жиі қойылатын сұрақтар.
Құрал жеңіл: күнделікті лимит қонаққа сайттың барлық үлгілерін — басты бетті, санатты, өнімді және мақаланы тексеруге жеткілікті. Тегін тіркелгеннен кейін лимит үш есеге артады.
Open Graph бағдарламасында ең көп таралған қателіктер қандай?
Міне, мен барлық басқа сайттардан не табамын және оны қандай ретпен түзету керек.
- og:image жоқ немесе ол салыстырмалы URL мекенжайы ретінде көрсетілген. Әлеуметтік желілер
content="/img/cover.jpg"түсінбейді —https://деп басталатын толық URL мекенжайы міндетті. Суретсіз жазбаның қамтуы айтарлықтай төмендейді. - Сурет тым кішкентай. 200x200 логотипі картаны бүйіріндегі кішкентай шаршыға айналдырады. 1200x630 сурет қажет.
- Бүкіл сайт үшін бір og:сурет. Әлеуметтік желілердегі әрбір мақала мен әрбір өнім логотипімен бірдей көрінуі керек. Блог пен каталог үшін сурет беттің негізгі фотосуретінен алынуы керек.
- 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-де жарнама жасайтындар үшін |
| Telegram -дағы @WebpageBot | Telegram -дағы сілтеменің алдын ала қарауын жаңарту | Тек Telegram тегтерді талдамайды | Telegram арнасының иелері үшін |
Қорытынды: кэшті тазарту үшін ресми платформалық отладчиктер қажет, бірақ әр платформа тек өз желісін көрсетеді. Барлық алдын ала қарауларды және жоқ тегтер тізімін бір уақытта көру үшін әмбебап отладчик ыңғайлырақ.
Айтпақшы, PromoPilot-та 87 тегін SEO құралы бар. Егер сіз әлі тегтер жазбаған болсаңыз, біздің сериямызда алдын ала қараумен Open Graph блогын жасайтын мета тег генераторы туралы мақала бар.
Open Graph Debugger мета тег талдауынан қалай ерекшеленеді?
Мета тег талдауы бетті іздеу жүйесінің көзімен қарастырады: тақырып, сипаттама, канондық, hreflang және Open Graph – бұл тек бір топ. Отладчик әлеуметтік медиаға бағытталған: ол әртүрлі платформаларға арналған карталар жасайды, кескін өлшемін тексереді және алдын ала қарауларға негізделген ұсыныстар жасайды. Егер сіздің сайтыңызға сілтемелер әлеуметтік желілерде және хабар алмасу қолданбаларында белсенді түрде бөлісілсе, отладчик пайдалырақ болады.
Екеуінің де бір шектеуі бар: олар сервер қайтарған HTML кодын оқиды. Егер тегтер браузер скрипті арқылы енгізілсе, көптеген әлеуметтік желілер оларды көрмейді — бұл мәселені веб-сайттың өзі шешуі керек. Тағы бір мәлімет: отладчик тегтерді тексереді, бірақ бөлісудің өзін тексермейді. Егер бет құпия сөзбен қорғалған, геоблокталған немесе боттардан қорғалған болса, әлеуметтік желі барлық тегтер болса да, оған кіре алмауы мүмкін.
Тегін құрал қашан жеткіліксіз?
Отладчик бетте og:image жоқ екенін көрсетеді. Бірақ мыңдаған бет болса, суреттерді қолмен енгізу мүмкін емес. Маман келесі жағдайларда қажет:
- әрбір өнімнің немесе бұйымның автоматты түрде жиналатын өзіндік алдын ала қарау суреті болуы керек;
- сайт тегтерді сценарийді пайдаланып қайтарады, ал әлеуметтік желілер оларды көрмейді;
- Сіз әрбір алдын ала қарау бір рет басу құнына әсер ететін жарнамалар мен пошта хабарламаларын іске қосасыз;
- Бізге «веб-сайт + Telegram арнасы + автоматты жариялау» мен дұрыс карталардың үйлесімі қажет.
Веб-сайтыңыз үшін не істей аламын?
Мен Валерий Данюкпін, 12 жылдық тәжірибесі және 200-ден астам клиенті бар әзірлеуші және SEO маманымын. Әдемі сілтеме алдын ала қарауы тегін қолжетімді және мен оны әрбір жоба үшін теңшеймін.
SEO және жарнама
- Веб-сайттың дайын SEO аудиті: Мен барлық үлгі тегтерін тексеремін, суреттерді автоматты түрде алдын ала қарауды орнатамын және кодты түзетемін.
Веб-сайттар және онлайн дүкендер
- Дүкеніңізді Instagram нан веб-сайтыңызға көшіру — оңай бөлісу үшін тиісті алдын ала қараулары бар өнімдер.
- Бір кеште жасалған жаңа өнімге арналған қону беті – әлеуметтік желілерге арналған дайын картасы бар NordHarvest кейс-стадиі.
- Telegram арқылы жасалатын жасанды интеллект және қосымшалары бар пластикалық хирургия клиникасының веб-сайты.
- 1001site сайтындағы веб-сайт: әлеуметтік желілерге арналған алдын ала қараулар және Telegram да автоматты түрде жариялау автоматты түрде конфигурацияланған.
Боттар және автоматтандыру
- Интернеттегі тұздық дүкеніне арналған жасанды интеллектпен жұмыс істейтін Telegram боты.
- QuestFlow - жасанды интеллектісі бар Telegram SaaS құрастырушысы.
- Чатботтардың орнына электрондық коммерция агенттері.
Маған 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-тың Open Graph Debugger құралының беті — тексерулер тізімі және жиі қойылатын сұрақтар.
- Ашық график протоколы (ogp.me) - міндетті және қосымша қасиеттер.
- Meta компаниясының Sharing Debugger және LinkedIn Post Inspector бағдарламалары платформалардың ресми құралдары болып табылады.
