📇 Ընկերային և կիսվելու SEO

Open Graph և Twitter քարտի գեներատոր

Պատմեք ձեր էջը և տեսեք իրական Facebook, LinkedIn և X քարտեր, որոնք կհայտնվեն ձեր տպագրության ժամանակ։ Ստացեք Open Graph և Twitter Card մետա-տեքստերի հավաստված, կպցրած և կեղծված հավաքածու՝ հենց այն նշանագրման պլատֆորմը, որը կարդացվում է ձեր հղման նախնական տեսքը ստեղծելու համար։

✓ Տեսահոլովակի տեսություն Ձեր բրաուզերում աշխատում է Չկա գրանցում
Ձգտեք մոտավորապես 60 այբուբենային նշան ունենալ, որպեսզի այն չկտրվի։
110 թվական, ոչ նահանջ տարի, ըստ Գրիգորյան օրացույցի սկսում է ուրբաթ։
1200 թվական, ոչ նահանջ տարի, ըստ Գրիգորյան օրացույցի սկսում է ուրբաթ։
Facebook / LinkedIn նախընտրելի տեսք
Ոչ մի պատկեր — ավելացնել og:image URL
example.com
X (Twitter) նախընտրելի տեսքը
Ոչ մի պատկեր — ավելացնել og:image URL
example.com
Ծագած meta- պիտակներ

Ինչպես ստեղծել Open Graph և Twitter Card տեգեր

4 քայլ էջերի մանրամասներից մինչև հավաստված, կպցրած-կպցրած սոցիալական տեսահոլովակ։

1

Տեղադրել Ձեր էջի URL- ը, վերնագիրը և նկարագրությունը

Տեղադրեք էջը, որը դուք կիսվում եք, ապա գրեք վերնագիրը և նկարագրությունը, որը ցանկանում եք ցուցադրել սոցիալական քարտերում։

2

Ընկերակցել պատկերի ավելացումը և տեսակների սահմանումը

Ցույց տվեք բացառապես https og:image (հատկապես 1200x630) պատկերը, ընտրեք og:type և Twitter card տեսակը, և ավելացրեք ձեր @handle-ը։

3

Ստուգել Facebook-ի և X-ի ակտիվ տեսահոլովակները

Նայեք Facebook/LinkedIn և X քարտի ցուցադրմանը, երբ գրում եք և լուծում եք երկարության կամ նկարի հավաստման զգուշացումները, որոնք ցույց են տրվում ներքևում։

4

Կապել էջի գլխարկին

Կոպտեք Open Graph- ի և Twitter- ի գեներացված մետա- տեքստերը և տեղադրեք դրանք <head> Ձեր էջը, ապա կրկին ջնջեք այն պլատֆորմի սխալների վերացման գործիքով։

Ընդլայնել գրաֆիկը և Twitter Card հարցերը

Open Graph (og:)-ը Facebook-ի, LinkedIn-ի, Slack-ի, WhatsApp-ի, Pinterest-ի և շատ այլ պլատֆորմների կողմից կիրառվող պրոտոկոլ է, որը թույլ է տալիս ստեղծել հղումների նախնական տեսք։ Twitter Card (twitter:)-ը X-ի սեփական բառարանն է, որը վերահսկում է քարտի դասավորությունը, օրինակ summary vs summary_large_image։ Նրանք շատ նման են իրար՝ վերնագիրը, նկարագրությունը և պատկերը կարող են գալ og: տեքստից։ Twitter-ի հատուկ տեքստերը միայն ավելացնում են այն, ինչ og:-ը չի կարող արտահայտել, օրինակ՝ քարտի ոճը և @site-ի տերմինալը։
Օգտագործեք 1200x630 պիքսելներ (1.91:1 հարաբերակցություն) մեծ քարտի համար, որը Facebook-ը, LinkedIn-ը և X summary_large_image-ը օգտագործում են, որը լցնում է շրջանակը առանց կտրվածքի։ Պահեք ֆայլը 5 ՄԲ-ից փոքր և ծառայեցրեք այն բացարձակ https URL-ի միջոցով, քանի որ պլատֆորմները չեն կարող ստանալ հարաբերական կամ http պատկերը վստահելի կերպով։ Facebook-ը ընդունում է 200x200-ի առավելագույն չափը, բայց փոքր պատկերները նկարագրվում են որպես փոքրիկ նկարազարդում հերոսական քարտի փոխարեն։
Յուրաքանչյուր պլատֆորմ պահպանում է ձեր քարտի առաջին տարբերակը, երբեմն շաբաթներ շարունակ, այնպես որ հին վերնագրերը և պատկերները պահպանվում են տեգերի ճշգրտմանց հետո։ Պահանջեք կրկին ջնջելը: Կպցրեք URL- ը Facebook- ի կիսում Debugger- ում և սեղմեք Էլ մեկ անգամ ջնջել, օգտագործեք LinkedIn- ի գրառումների տեսուչը և կիսում եք հղումը X- ում մեկ անգամ ջնջելու համար։ Հաստատել, որ տեգերը իրականում ծառայում են HTML գլխամասում և հետո JavaScript- ով չեն ներարկվում, որը շատ scrapers- ներ չեն իրականացնում։
Ոչ ամբողջությամբ։ Երբ Twitter-ի տեքստային նշանը բացակայում է, X-ը վերադառնում է Open Graph-ի համապատասխան տեքստի նշանին՝ og:title, og:description և og:image, որոնք ծածկում են քարտի մեծ մասը։ Այսպիսով, գործնականում անհրաժեշտ է og: տեքստային նշանների ամբողջական հավաքածու, ինչպես նաև twitter:card տեքստային նշանները՝ նկարի կառուցվածքը ընտրելու համար և twitter:site տեքստային նշանները՝ նկարի կառուցվածքը ընտրելու համար։ Og: տեքստային նշանների ավելացումը նաև նշանակում է, որ նույն տեսքը կաշխատի Facebook-ում, LinkedIn-ում, Slack-ում և այլուր, այնպես որ սկսեք og: տեքստային նշանով և ավելացրեք միայն այն twitter: տեքստային նշանները, որոնք og-ը չի կարող արտահայտել։

Պետք է սոցիալական նշաններ ստեղծվեն չափերի համաձայն։

Այս գործիքը ամբողջությամբ աշխատում է ձեր բրաուզերում, ոչ մի կոչ չի կատարվում և ոչ մի բան չի հեռանում էջից։ CMS հավելվածների, CI և բազմաթիվ էջերի համար Open Graph API-ն հասանելի է վճարովի պլանների դեպքում։

✓ Ազատ գործիք: 100% հաճախորդի կողմի Open Graph API: վճարովի պլաններ

Ծննդաբերել Open Graph և Twitter Card բովանդակության ստուգված բլոկներ յուրաքանչյուր էջում մեկ վերջնական կետից և ուղղակիորեն ներառել դրանք ձեր կառուցվածքում։ Դիտեք պլանները և կոտորակները գնումների էջում։

Ցույց տալ API պլանները →