🐲 🌱 👨🏼‍🏫 ¿Qué es el marcado de Open Graph y cómo implementarlo sin un programador? ✊🏽 📹 👩🏿‍✈️

"Cree sitios con Open Graph, y sin Open Graph, no lo haga", probablemente diría Tony Robbins sobre cómo marcar un sitio para redes sociales. Y estaríamos de acuerdo con él. Y todo porque con Open Graph el sitio se ve mucho mejor cuando se comparte en redes sociales.

, .

Open Graph

— . , .

, , :

, ;
— .

, Open Graph. .

, Open Graph :

Open Graph, , . — .

, ( ):

— , — :

Open Graph

Open Graph Google AdSense:

Open Graph

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

Open Graph

Open Graph :

ogp.me — ;
ruogp.me — .

.. ( , ), , .

Open Graph :

, — -, , .

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

property, :

og:title — . content

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

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

. -, . , , : , . . «» , 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"/>

. — «» .

PromoPult : , , , , 0% , .

, , , :

og:description — (). . , .

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

description :

— :

og:site_name — , . . , URL :

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

og:site_name:

- — OpenGraph.

Open Graph:

? 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.

( ), « ». « » .

« » :

;
;
;
Twitter.

, . - , « ».

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

Facebook:

Open Graph

, , :

Facebook. URL , , .

. .. URL , .

Open Graph Check. URL — .

Open Graph

( ) . : — .

, . Open Graph , .

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

¿Qué es el marcado de Open Graph y cómo implementarlo sin un programador?

Open Graph

Open Graph

Open Graph

Open Graph

? Open Graph

Open Graph

Open Graph WordPress

Open Graph

Open Graph

More articles: