🏷️

Акысыз Meta тег жана Open Graph генератору

Түз Google жана социалдык тармактарда бөлүшүү алдын ала көрүнүшү менен SEO meta тегдерин, Open Graph жана Twitter Card белгилерин жаратыңыз. Түз баракыңыздын head бөлүгүнө көчүрүп коюңуз.

Браузериңизде иштейтКаттоо жок, ачылуучу терезелер жокКирүү талап кылынбайтТүбөлүк акысыз

Жүктөлгөндөн кийин оффлайн иштейт

Барак аталышы0 · 0/580px

Барак URL дареги

Meta сүрөттөмөсү0 · 0/920px

Социалдык сүрөттүн URL дареги

Эң жакшысы: 1200×630 px, 5 МБдан аз, абсолюттук https:// шилтемеси.

Сайт аталышы

Twitter/X аккаунту

Twitter/X автор аты

Twitter карта түрү

Open Graph түрү

Дагы кошуу

Каноникалык шилтемени кошуу (баракча URLин колдонот)Charset жана мобилдик viewport<html lang> ky кылып коюуну эскертүүog:locale (баракчанын тили)Favicon шилтемесиТема түсү (телефондордогу браузер тилкеси)

Издөө системасы индекстөөсү

Аталышы 0/580px (30-60 сунушталат)Сүрөттөмө 0/920px (70-160 сунушталат)

Google издөө алдын ала көрүнүшү

example.com

Барагыңыздын аталышы бул жерде көрүнөт

Мета сүрөттөмөңүз бул жерде көрүнөт. Издөө натыйжаларынан баскандардын санын көбөйтүү үчүн аны тартымду…

Google бул текстти көп чекит (…) менен кесип салмак.

Туурасы болжолдуу: Google символдор боюнча эмес, пикселдер боюнча кыскартат.

Социалдык карта алдын ала көрүнүшү

og:image алдын ала көрүнүшү

example.com

Барак аталышы

Барак сүрөттөмөсү

<head> ичине чаптаңыз

Мета тегдерди түзүү үчүн жогорудагы жок дегенде бир талааны толтуруңуз.

Бул кантип иштейт

Бардык тег чогултуу жана баш-талдоо түз браузериңизде болот — сервер катышпайт. Курал HTML саптарын реактивдик түрдө куруу үчүн React'тин useMemo, ал эми импорт/аудит функциясы үчүн учурдагы барак белгилөөсүн окуу үчүн браузердин нативдик DOMParser API'син колдонот.

1
Форма киргизүү тирүү курууну айдайт
Терип жатканда, useMemo хугу бүтүн тег блогун — аталышты, мета сүрөттөмөнү, Open Graph касиеттерин жана Twitter Card атрибуттарын — дароо кайра курат, атайын символдорду (&, <, >, ") качырып, ошондуктан чыгуу түз HTMLге чаптоого коопсуз.
2
Браузердин URL конструктору аркылуу URL текшерүү
Ар бир URL талаа (барак URL, социалдык сүрөт) браузердин курулма URL конструктору колдонуп текшерилет. Жалгыз чекиттелген хост аттары бар туура-курулган http:// же https:// даректери өтөт; жарактуу эмес маанилер көчүрүү баскычын бөгөттөйт жана ички ката көрсөтөт.
3
Импорт: DOMParser учурдагы баш белгилөөнү окуйт
Эгер учурдагы <head> HTML'ди аудиттөө үчүн чапсаңыз, курал аны инерт режиминде DOMParser'ден иштетет — эч бир скрипт аткарылбайт жана эч кандай тармак сурамы жасалбайт. Андан кийин ал белгилүү мета тандагычтарды (og:title, twitter:description, canonical шилтеме, ж.б.) талдаган документтен сурайт жана эмне тапса, ошону менен форма талааларын алдын ала толтурат.
4
Тирүү Google жана социалдык картасы алдын ала көрүүлөрү
Курал ошол эле форма абалын колдонуп реалдуу убакытта стилдештирилген Google издөө натыйжасын жана Open Graph карта алдын ала көрүүсүн тартат, ошондуктан аталыш жана сүрөттөмө натыйжаны көчүрөрдөн мурун так кантип кыркыларын көрө аласыз.

Байланыштуу куралдар

📐

Социалдык тармак сүрөт өлчөмдөгүч

Сүрөттөрдү Instagram, YouTube, TikTok, X, Facebook, LinkedIn жана Pinterest үчүн 2026-жылдын так өлчөмдөрүнө өлчөп, кесиңиз — коопсуз аймак көрсөткүчтөрү жана топтоо менен ZIP менен. 100% браузериңизде, жүктөлбөйт.

Байкап көрүңүзФайлдар жергиликтүү бойдон калат

🎼

Аудио тег редактору (ID3)

MP3 ID3 тегдерин түзөтүңүз — аталышы, аткаруучусу, альбому, жылы, жанры жана мукабасы — 100% браузериңизде. Жүктөө жок, чек жок, мажбурлап айландыруу жок. Акысыз жана купуя.

Байкап көрүңүзФайлдар жергиликтүү бойдон калат

🔗

UTM өнөктүк шилтеме курулуштоочу

Google Analytics жана башка куралдар үчүн UTM параметрлери менен көзөмөлдөнүүчү өнөктүк URL-дерди курулуштаңыз. Түз алдын ала көрүү, даярдалган варианттар жана бир кликте көчүрүү.

Байкап көрүңүз