Meta Sharing Debugger
https://developers.facebook.com/tools/debug/Կրկին քաշիր և ստուգիր Open Graph parsing արդյունքները Meta հարթակների համար։
OGP tag գեներատոր (ավտոմատ արտածում og:title, og:image և այլնի համար)
Մուտքագրիր URL, վերնագիր, նկարագրություն և պատկերի URL։ Ստեղծիր Open Graph և Twitter Card meta tag-երը մեկ տեղում։
Պատրաստ է պատճենելու և տեղադրելու համար
Ներառված է preview
Պատկերի և cache-ի ուղեցույց
Ինչպես օգտագործել
- Բացիր գործիքը և մուտքագրիր canonical URL-ը, վերնագիրը և պատկերի URL-ը։
- Ընտրովի ավելացրու նկարագրությունը, site name-ը և Twitter կարգավորումները։
- Պատճենիր ստեղծված meta tag-երը և տեղադրիր դրանք էջի head-ում։
- Ստուգիր preview-ն ու նշումները, հետո անհրաժեշտության դեպքում հարմարեցրու պատկերի հարաբերակցությունը կամ cache ռազմավարությունը։
Ի՞նչ է OGP-ն
Open Graph Protocol (OGP)-ը metadata է, որը սոցիալական հարթակներն ու chat app-երը օգտագործում են հղումների preview ստեղծելու համար։
Սահմանելով og:title, og:description, og:image և կապված tag-երը՝ կարող ես ազդել shared URL-ների տեսքի վրա։
OGP-ն Twitter Card tag-երի հետ համադրելը օգնում է preview-ի վարքագիծը տարբեր հարթակներում ավելի կայուն դարձնել։
Պատկերի չափերի ուղեցույց (ավելի կայուն preview-ի համար)
Meta հարթակների ուղեցույց (հղում)
- Նվազագույն reference՝ 200×200։
- Սովորաբար կայուն՝ 1200×630 կամ ավելի մեծ, առնվազն 600×315։
- Թիրախային հարաբերակցությունը մոտ 1.91:1 է։
- Պատկերի ֆայլի չափի ուղեցույցը ներառում է 8MB կամ պակաս։
X card-ի ուղեցույց (հղում)
- summary_large_image-ը սովորաբար նպատակ ունի մոտ 2:1 հարաբերակցության։
- Reference միջակայք՝ նվազագույն 300×157, առավելագույն 4096×4096։
- Ֆայլի չափի ուղեցույցը ներառում է 5MB-ից փոքր արժեք։
- Օգտագործիր JPG/PNG/WEBP/GIF այնտեղ, որտեղ աջակցվում է։
Երբ փոփոխությունները չեն երևում (cache և re-scrape)
- Սոցիալական crawler-ները կարող են cache անել metadata-ն։ Օգտագործիր յուրաքանչյուր հարթակի debugger/inspector-ը re-scrape խնդրելու համար։
- Եթե պատկերի փոխարինումը չի երևում, օգնում է փոխել image URL-ը (ֆայլի անվան փոփոխություն կամ query string)։
- Որոշ դեպքերում og:image:width և og:image:height դնելը կարող է բարձրացնել render-ի կայունությունը։
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/Թարմացրու և ստուգիր URL preview տվյալները LinkedIn-ում։
X Card Validator
https://cards-dev.twitter.com/validatorՍտուգիր X card metadata-ն և այնտեղ, որտեղ հնարավոր է, ստիպիր card fetch։
ՀՏՀ
Կարո՞ղ է սա ստեղծել նաև Twitter Card tag-եր։
Այո։ Կարող է միասին արտածել twitter:card և կապված tag-երը։ Կա նաև minimal mode։
Ի՞նչ չափի պատկեր պետք է օգտագործեմ։
Օգտագործիր գործնական ուղեցույց՝ ըստ նպատակակետի։ Meta-ի համար հաճախ օգտագործվում է մոտ 1.91:1 (օրինակ՝ 1200×630), իսկ X summary_large_image-ի համար՝ մոտ 2:1 (օրինակ՝ 1200×600)։
Ինչո՞ւ փոփոխությունները չեն արտացոլվում։
Շատ դեպքերում դա cache-ի խնդիր է։ Կրկին scrape արա հարթակի գործիքներով և պատկերի փոխարինումից հետո դիտարկիր image URL-ի փոփոխությունը։