Open Graph және meta тегтерін алдын ала қарау құралын қалай қолдану керек
- 1
Сілтемені қойыңыз
Ашық беттің мекенжайын енгізіп, «Сілтемені алдын ала қарау» түймесін басыңыз. Құрал беттің тақырыбын, сипаттамасын, Open Graph және X карточкасы тегтерін оқиды.
- 2
Карточкаларды қарап шығыңыз
Google нәтижесін және Facebook, X, LinkedIn, Slack, Discord мен iMessage стиліндегі карточкаларды салыстырыңыз, жетіспейтін немесе әлсіз тегтер тізімін оқыңыз.
- 3
Тегтерді өңдеңіз
«Осы тегтерді өңдеу» түймесін басыңыз немесе «Тегтер жазу» қойындысын ашып, тақырыпты, сипаттаманы және суретті өзгертіңіз: теріп жатқанда барлық алдын ала қарау жаңарып отырады.
- 4
Бетіңізге көшіріңіз
Жасалған meta тегтерін беттің head бөліміне көшіріңіз, бетті жариялаңыз да, жұмыс істеп тұрған URL мекенжайын қайта тексеріңіз.
Шектеулер және Pro
Тегін: минутына 20 URL превьюі, HTML көлемі 3 MB дейінгі беттер, күту уақыты 12 секунд, бір сілтемеге 7 платформа превьюі және тегтерді шектеусіз өңдеу.
Open Graph және meta тегтерін алдын ала қарау туралы
Meta тегтерді алдын ала қарау құралы сілтемені бөлісбес бұрын оның қандай көрінетінін көрсетеді. Ол сілтеме превьюлері жасалатын тегтерді оқиды: HTML тақырыбын және meta сипаттамасын, og:title, og:description, og:image, og:site_name сияқты Open Graph тегтерін, twitter:card сияқты X карточкасы тегтерін, сондай-ақ Discord embed жолағы үшін қолданатын тақырып түсін. Содан кейін жеті превью салады: Google іздеу нәтижесі, Facebook және LinkedIn жазбалары, үлкен сурет немесе қысқаша форматтағы X карточкасы, Slack unfurl, Discord embed және iMessage стиліндегі көпіршік.
Өріс болмаса, превью көптеген платформалар сияқты қосалқы мәнге ауысады, мысалы og:title орнына бет тақырыбын алады, ал дереккөз ескертулерде көрсетіледі. Сурет те тексеріледі: оның пиксельдік өлшемі мен түрі файл тақырybынан оқылады, сондықтан ол Facebook-тің 200 × 200 минимумынан кіші ме, X-тің 5 MB шегінен үлкен бе, SVG қолдау таппайды ма, әлде 2:1 үлкен карточкаға пішіні сәйкес келмей me, соны білесіз.
«Тегтер жазу» қойындысы ештеңе жүктемей жұмыс істейді және дайын meta тегтер блогын береді. Превью шамамен ғана көрсетеді: платформалар дизайнын өзгертеді, карточкаларды бірнеше күн кэште сақтайды, ал кейбіреулері кірген пайдаланушыларға басқа мәтін көрсетеді. Бөлісіліп қойған карточканы жаңарту үшін жариялағаннан кейін платформаның өз отладчигін қолданыңыз.
Құпиялылық
«URL тексеру» режимінде мекенжай біздің серверге жіберіледі: сервер бетті бір рет жүктеп, тегтер мен сурет өлшемін оқу үшін og:image файлының алғашқы байттарын алады; ештеңе сақталмайды және журналға жазылмайды. Превью суреттері браузеріңізде сайттың өзінен тікелей жүктеледі. «Тегтер жазу» тек браузеріңізде жұмыс істейді.
Мүмкіндіктер
Жеті превью
Google, Facebook, X, LinkedIn, Slack, Discord және iMessage стиліндегі карточкалар қатар көрсетіледі.
og:image тексеру
Пиксель өлшемі, файл түрі және көлемі суреттің өзінен оқылады, платформалардың минимумдарымен бірге.
Тег генераторы
Тақырыпты, сипаттаманы және суретті енгізіп, Open Graph мен X карточкасының толық блогын көшіріп алыңыз.