Development

Optimizare site pentru social media – Open Graph meta tags

social media dataCu 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:

 

facebook debuggertwitter card validator

 

 

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:

facebook open graph

<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." />

twitter card
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.

Articole asemănătoare:

Sper că ți-a fost util. Apreciez orice share. Mulțumesc și te mai aștept!

E gratuit și nu stai la coadă

Vei primi newsletter lunar. Nu uita să confirmi înscrierea pe e-mail

Sau dă like pe Facebook

3 comentarii
  • Cosmescu George Adrian mai 26,2015 la 17:38

    Conform Object Debugger:
    Object at URL ‘https://www.alphaone.ro/index.php/2015/05/22/need-for-speed-renaste/’ of type ‘website’ is invalid because a required property ‘og:title’ of type ‘string’ was not provided.
    Curl Error : SSL_CONNECT_ERROR error:14077102:SSL routines:SSL23_GET_SERVER_HELLO:unsupported protocol

    Un sfat te rog frumos?

    • Bogdan mai 26,2015 la 21:11

      Salut George.
      Incearca sa pui og:title inainte de og:type, adica sa le inversezi ordinea.
      Sa ai ceva de genul in sursa:
      meta property=”og:title” content=”ALPHAONE.RO | ALPHAONE MAGAIZNE | MEN MAGAZIN”
      meta property=”og:type” content=”website”

Lasă un comentariu

Comentariul tău*

Numele tău*
Site-ul tău