📇 Нийгмийн сүлжээ ба хуваалцах

Twitter карт үүсгэгч

Хуудасныхаа мэдээллийг оруулж, бичсэний дараа Facebook, LinkedIn, X картын дүрсийг харах боломжтой. Open Graph болон Twitter Card мета тегиний тохиргооны өгөгдлийг авах боломжтой. Энэ нь холбоосуудынхаа урьдчилсан зургийг гаргахад ашиглагддаг.

✓ Картын урьдчилсан үзлэг Танай вэб хөтөч дээр ажиллана Бүртгээгүй
60 тэмдэгтээс багагүй байхыг хичээж, тэгвэл таслагдахгүй.
110 гаруй нэр томъёо нь олон нийтийн картуудад бүрэн харагдана.
Тодорхойгүй https URL, 1200x630 зөвлөж байна.
Facebook-ийн өмнөх хувилбар
Зураг байхгүй — og:image URL нэм
example.com
X (Twitter) урьдчилсан үзлэг
Зураг байхгүй — og:image URL нэм
example.com
Мета тэмдгийг үүсгэх

Open Graph болон Twitter Card-ийн тэмдгийг хэрхэн үүсгэх вэ

Хуудасны мэдээллээс баталгаажуулсан, хуулбарлаж, байршуулсан нийгмийн урьдчилсан үзлэгт4алхам.

1

Танай хуудасны URL, нэр, тайлбарыг оруулна уу

Хуваалцах хуудасны URL- ийг оруулаад, нийгмийн карт дээр харуулах нэр, тайлбарыг бичнэ үү.

2

Хуваалцах зураг нэмэх ба төрөлийг тохируулах

Бүх https og: зураг (1200x630 бол тохиромжтой), og: төрөл, Twitter картын төрөл, @ нэрийг оруулна уу.

3

Facebook болон X-ийн бодит цаг үеийн урьдчилсан зургийг шалгана

Facebook/LinkedIn болон X картуудыг бичлэг хийх үед нь харах, урт болон зураг шалгах анхааруулгыг доорх байдлаар шийдвэрлэх.

4

Хуудасны доод хэсэгт тэмдэглэгээг хуулбарлах

Open Graph болон Twitter мета тегиний үүсгэсэн хэсгийг хуулбарлаж, үүнийг файлд байрлуулна. <head> хуудасныхаа өгөгдлийг олж, платформын алдааг засах програмд дахин буулгана.

Графикийг нээж Twitter картын асуултууд

Open Graph (og:) нь Facebook, LinkedIn, Slack, WhatsApp, Pinterest болон бусад платформуудын холбоосыг урьдчилан харах протокол юм. Twitter Card (twitter:) нь картын дүрслэлийг хянадаг X-ийн өөрийн үгийн сан юм. Жишээ нь summary vs summary_large_image. Тэд ихээхэн давхцдаг: title, description, and image can come from og: tags. Twitter-ийн онцлог тегиуд og:-ийн илэрхийлж чадахгүй зүйлийг нэмж өгдөг, жишээ нь картын хэв маяг, @site handle.
Facebook, LinkedIn болон X summary_large_image-ийн ашигладаг том картны хувьд 1200x630 пиксел (1.91:1 харьцаа) ашиглах нь зурагны хүрээг огтлохгүйгээр дүүргэх боломжтой. Файл 5МБ-аас бага хэмжээтэй байх ба https URL-ээр дамжуулан хүргэх нь дээр. Учир нь платформууд харьцангуй эсвэл http зураг авахгүй. Facebook-ийн хамгийн бага зөвшөөрөгдөх хэмжээ 200x200, гэхдээ жижиг зурагнууд нь баатрын картны оронд жижиг thumbnail-ээр харуулагдана.
Бүх платформууд таны картын анхны хувилбарыг хадгалдаг, заримдаа долоо хоногоор хадгалдаг, тиймээс хуучин нэр, зураг нь тегиудийг зассан ч хадгалагдана. Дахин хадгалах: URL- ийг Facebook- ийн хуваалцах алдааг засах програмд оруулаад дахин хадгалах товчийг дарна уу, LinkedIn- ийн нийтлэл шалгагчийг ашиглан холбоосыг X дээр нэг удаа хуваалцаж, кэшний мэдээллийг шинэчилнэ үү. Тагууд нь HTML- ийн толгойд байгаа эсэхийг шалгаарай. JavaScript- ээр хийгдээгүй бол зарим тегиуд нь хэрэгжихгүй.
Бүхээрээ биш. Twitter-ийн теги алга бол X тохирох Open Graph-ийн тегинд буцаж очдог - og:title, og:description, og:image картын ихэнх хэсгийг хамардаг. Тиймээс хамгийн багадаа og:-ийн тегиний бүрэн багц, мөн байршлыг сонгох twitter:card, twitter:site-ийг хамааруулах хэрэгтэй. og:-ийн тегинд нэмэх нь Facebook, LinkedIn, Slack болон бусад бүх газарт адилхан харагдах болно, тиймээс og:-ийг эхлээд og:-ийн илэрхийлж чадахгүй twitter:-ийн тегинд нэмнэ.

Хэмжээгээр үүсгэсэн нийгмийн тэмдгүүд хэрэгтэй юу?

Энэ хэрэгслүүд нь зөвхөн таны вэб хөтөч дээр ажилладаг - ямар ч дуудлага байхгүй, хуудас ч үлдэхгүй. CMS нэмэлт, CI болон том хуудаснууд нь програмын Open Graph API- ийг ашигладаг.

✓ Хязгааргүй хэрэгсэл: 100% клиентийн тал Open Graph API: үнэтэй төлөвлөгөөнүүд

Нэг цэг дээрх хуудасны хувьд баталгаажуулсан нээлттэй график болон Твиттер карт блокуудыг үүсгэж, шууд бүтээхдээ холбоно. Үнэ болон төлөвлөгөөний талаар үнийн хуудаснаас үзнэ үү.

API төлөвлөгөөг харах →