Товчхон хариулт: Open Graph-г онлайнаар шалгахын тулд хуудасны хаягийг үнэгүй Open Graph Debugger PromoPilot руу хуулж тавина уу. Энэ нь бүх og:* болон Twitter картын шошгыг уншиж, зургийн байгаа байдал болон хэмжээг шалгаж, тэмдэглэгээний бүрэн байдлыг үнэлж, Facebook, X (Twitter), болон LinkedIn-ийн холбоосын урьдчилсан харагдацыг харуулах бөгөөд юу нэмэх талаар зөвлөмж өгөх болно. Бүртгүүлэх шаардлагагүй. Доор та шаардлагатай шошго, шаардлагатай og:зургийн хэмжээ, "гацсан" урьдчилсан харагдацыг хэрхэн шинэчлэх талаар олж мэдэх болно.
Би 12 жилийн турш вэбсайт хийж байгаа бөгөөд үйлчлүүлэгчдээс " Telegram холбоос яагаад зураггүй байна вэ?" гэсэн асуултыг рейтингийн талаарх асуултаас илүү олон удаа сонсдог. Энэ нь ихэвчлэн таван минутын ажил байдаг - хэрэв та хаанаас хайхаа мэдэж байгаа бол.
Open Graph Debugger юуг шалгадаг вэ?
Та нийтлэл эсвэл мессежинд холбоос оруулахад платформ хуудас руу орж Open Graph шошгыг хайдаг. Хэрэв олдвол цэвэрхэн карт зурдаг. Хэрэв олдохгүй бол олсон зүйлээ авдаг эсвэл хоосон URL харуулдаг. Хэрэгсэл нь зөвхөн нийгмийн сүлжээ юу уншихыг шалгадаг.
| Энэ юуг шалгадаг вэ? | Тэр юу харж байгаа юм бэ? | Бизнес яагаад үүнд хэрэгтэй вэ? |
|---|---|---|
| Бүх шошго og:* | og: гарчиг, og: тайлбар, og: зураг, og: url, og: төрөл, og: сайтын нэр, og: орон нутгийн | Эдгээрээс сайтууд картын гарчиг, тайлбар, зургийг цуглуулдаг. |
| Твиттер карт | twitter:card, twitter:гарчиг, twitter:тайлбар, twitter:зураг | X (Твиттер) нь түүний шошгыг уншдаг бөгөөд хэрэв тэдгээр нь байхгүй бол хэсэгчлэн |
| 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:гарчиг нь гарчгийг "худалдаж авах" болон брэндийн хамт давхардуулдаг. Сошиал медиа тэжээлд энэ нь зар сурталчилгаа шиг харагддаг; бичлэгийнх шиг идэвхтэй гарчиг нь илүү дээр.
Хамгийн бага зөв багц дараах байдалтай байна.
<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: гарчиг, og: төрөл, og: зураг (1200 × 630, бүтэн хаяг) болон og: url, дээр нь twitter: карт.
- Зассаны дараа сайтуудын кэшийг дахин тохируулна уу: Sharing Debugger, Post Inspector, @WebpageBot.
- Каталог болон блогын хувьд урьдчилсан зургийг 1001site дээрх шиг автоматаар цуглуулах хэрэгтэй.
Дагагчид чинь нийтлэлийг харахаас өмнө үнэгүй Open Graph Debugger дээр хуваалцах гэж буй хуудсаа шалгана уу.
Эх сурвалжууд
- PromoPilot-ын Нээлттэй Графын Дибаггер хэрэгслийн хуудас — шалгалтын жагсаалт болон Түгээмэл асуултууд.
- Нээлттэй Графын Протокол (ogp.me) - заавал байх ёстой болон заавал биш шинж чанарууд.
- Meta-ийн Sharing Debugger болон LinkedIn Post Inspector нь платформуудын албан ёсны хэрэгслүүд юм.
