Optimizare site pentru social media – Open Graph meta tags

Cu siguranță folosești rețelele de socializare pentru promovarea site-ului tău, dar te-ai întrebat vreodată dacă site-ul este optimizat pentru ele?

Bineînțeles că atunci când dai share la un articol nou, te asiguri că postarea ta va arăta impecabil în Facebook, Twitter, LinkedIn, Google+ etc. Ce se întâmplă însă când dă altcineva share la articolul tău?

Testează-ți site-ul:

Open Graph a fost lansat de Facebook în 2010 și reprezintă o serie de meta tags pe care rețeaua de socializare le folosește pentru a identifica mai ușor conținutul de pe pagina web. Acum, toate celelalte rețele de socializare se folosesc de aceste social media meta tags.

Twitter are și el propriul rând de meta tags pentru Twitter Cards, dar dacă nu le găsește pe acestea, se folosește tot ce cele din Open Graph.

Dacă folosești WordPress, poți cu ușurință să instalezi pluginurile Open Graph Protocol Framework și Twitter Cards Meta și ai rezolvat toate problemele. Sunt foarte ușor de instalat și configurat.

Dacă nu folosești WordPress va trebui să generezi meta tags pentru fiecare pagină în parte. În ce constau aceste meta tags:

<meta property="og:title" content="A fost lansat Facebook at Work, dar cu ce ne ajută?" /> 
<meta property="og:type" content="article" /> 
<meta property="og:url" content="https://panabogdan.ro/a-fost-lansat-facebook-at-work-dar-cu-ce-ne-ajuta/" /> 
<meta property="og:image" content="https://panabogdan.ro/wp-content/uploads/2015/02/facebook-at-work.png" /> 
<meta property="og:description" content="În luna ianuarie a fost lansat Facebook at Work. Lansarea și serviciul în sine nu au fost promovate, cel puțin nu cât m-aș fi așteptat din partea marelui Facebook." />

După cum am mai spus, aceste meta tags fac parte din Open Graph și funcționează pentru toate rețelele de socializare. Twitter are propriile meta tags și anume:

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@panabogdanro" />
<meta name="twitter:creator" content="@panabogdanro" />
<meta name="twitter:url" content="https://panabogdan.ro/a-fost-lansat-facebook-at-work-dar-cu-ce-ne-ajuta/" />
<meta name="twitter:title" content="A fost lansat Facebook at Work, dar cu ce ne ajută?" />
<meta name="twitter:description" content="În luna ianuarie a fost lansat Facebook at Work. Lansarea și serviciul în sine nu au fost promovate, cel puțin nu cât m-aș fi așteptat din partea marelui Facebook." />

Așa arată un Card, dar Twitter trebuie să îți aprobe site-ul înainte sa accepte Twitter Cards pentru site-ul tău, formularul de înscriere este aici.

Mai verifică-ți o dată site-ul cu Facebook Debugger și Twitter Card Validator și spor la share-uri.