Get best of the week

Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

«Créez des sites avec Open Graph et sans Open Graph, non», dirait probablement Tony Robbins à propos du balisage d'un site pour les réseaux sociaux. Et nous serions d'accord avec lui. Et tout cela parce qu'avec Open Graph, le site est bien meilleur lors du partage sur les réseaux sociaux.


, .


Open Graph


— . , .


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

, , :


  • , ;
  • — .

, Open Graph. .


, Open Graph :


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

:


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

Open Graph, , . — .


:


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

, ( ):


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

— , — :


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

Open Graph


:


  • , ;
  • , .

Open Graph Google AdSense:


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

Open Graph


Facebook . : , , LinkedIn, , Viber, Slack .


Open Graph


Open Graph :



.. ( , ), , .


Open Graph :



, — -, , .


Open Graph RDFa ( ). <meta> <head>. <meta> property content. property . .



property, :


  • og:title — . content

<meta property="og:title" content="     : 4 -   "/>

Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

  • og:type — . , article, book, video.movie . — . , . , , :

<meta property="og:type" content="article" />

  • og:url — URL, . , (, ), , og:url.

<meta property="og:url" content="http://www.site.ru/canonicalpage/" />

  • og:image — , . content URL . ! . , og:image . , .

<meta property="og:image" content="https://blog.promopult.ru/wp-content/uploads/2019/02/checklist01-1200x630.png"/>

Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur


. -, . , , : , . . «» , Open Graph :


  • vk:image
  • fb:image
  • twitter:image

vk:image, . .


— . og:image:width og:image:height. :


<meta property="og:image:width" content="1200"/>

<meta property="og:image:height" content="630"/>

. — «» .


:


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

:


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

PromoPult : , , , , 0% , .



, , , :


  • og:description — (). . , .

<meta property="og:description" content="      ?   .     ,            —    .   ,       ."/>

description :


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

— :


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

  • og:site_name — , . . , URL :

<meta property="og:site_name" content=" PromoPult        "/>

Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

og:site_name:


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

- — OpenGraph.


Open Graph:


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

? Open Graph


, , Open Graph ..


— .


Open Graph , :


  • og:title — , 1000 ;
  • og:url — URL ;
  • og:video — ;
  • og:image — , ;
  • og:description — ( 150 1000 );
  • ya:ovs:upload_date — ;
  • ya:ovs:adult — - , « ». , «true», — «false»;
  • video:duration — ( );
  • og:type — ;
  • og:video:type — .

Open Graph



, html-:


<html prefix="og: http://ogp.me/ns#">

, , Open Graph. <head> </head>.



CMS , ( ).


CMS:



, , Tilda, . .


Open Graph WordPress


— All in One SEO Pack.


( ), « ». « » .


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

« » :


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

:


  • ;
  • ;
  • ;
  • Twitter.

, . - , « ».


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

, - OpenGraph (, , ..). . Facebook .


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

Facebook:


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

.


Open Graph


, , :


Facebook. URL , , .


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

  • . .. URL , .

Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

.


Qu'est-ce que le balisage Open Graph et comment l'implémenter sans programmeur

Open Graph


( ) . : — .


, . Open Graph , .


. PromoPult myTarget (, Mail.ru) . 0%. , , .

More articles:


All Articles