什么是开放图标记,以及如何在没有程序员的情况下实现它

什么是开放图标记,以及如何在没有程序员的情况下实现它

Tony Robbins可能会说:“使用Open Graph来构建网站,而没有Open Graph则要构建网站。” 我们会同意他的。所有这些都是因为使用Open Graph,当在社交网络中共享时,该站点看起来要好得多。


, .


Open Graph


— . , .


什么是开放图标记,以及如何在没有程序员的情况下实现它

, , :


  • , ;
  • — .

, Open Graph. .


, Open Graph :


什么是开放图标记,以及如何在没有程序员的情况下实现它

:


什么是开放图标记,以及如何在没有程序员的情况下实现它

Open Graph, , . — .


:


什么是开放图标记,以及如何在没有程序员的情况下实现它

, ( ):


什么是开放图标记,以及如何在没有程序员的情况下实现它

— , — :


什么是开放图标记,以及如何在没有程序员的情况下实现它

Open Graph


:


  • , ;
  • , .

Open Graph Google AdSense:


什么是开放图标记,以及如何在没有程序员的情况下实现它

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

什么是开放图标记,以及如何在没有程序员的情况下实现它

  • 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


( ) . : — .


, . Open Graph , .


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


All Articles