`
房子SEO
  • 浏览: 4943 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

head标签内meta的og:title和title的区别

阅读更多
head标签内meta的og:title和title的区别
  例如:
  <head>
  <meta http-equiv=“Content-Type” content=“text/html;charset=utf-8” />
  <title>Cool Gadgets at the Right Price - Worldwide Free Shipping - ******</title>
  <meta property=“og:title” content=“**'sFacebook” />
  <meta property=“og:type” content=“product”/>
  <meta property=“og:url” content=“http://www.******.com” />
  <meta property=“og:image” content=“http://www.******.com/logo.gif”/>
  <meta property=“og:site_name” content=“******.COM” />
  <meta property=“og:description” content=“CoolGadgets at the RightPrice - Worldwide Free Shipping - ******”/>
  <meta property=“fb:admins” content=“100001422224225” />
  <meta property=“fb:page_id” content=“241333394220”/>
  <link href=“/css/reset.css” rel=“stylesheet”type=“text/css” />
  <link href=“/css/default/all.16666.css” rel=“stylesheet” type=“text/css” />
  <script type=“text/javascript” src=“/shop.js”></script>
  <script type=“text/javascript” src=“/scripts/all.16666.build.js”></script>
  <meta http-equiv=“Content-Type” content=“text/html;charset=utf-8” />
  <meta name=“description” content=“Online shopping for cool gadgets at the right price. ” />
  <meta name=“keywords” content=“cool gadgets, cheap gadgets, free shipping” />
  </head>
  回答:og标签式表示的是facebook的The Open Graph protocol,即开放图谱协议,一般是用于方便分享到facebook用的,不过在国内没什么意义。
  Open Graph Protocol并不会对SEO照成不良影响,相反,应用的合理,非常有利于网站的推广。
  Open Graph Protocol可以让网页成为“富媒体对象”。用了Meta Property=og标签,就是同意了网页内容可以被社会化网站引用。目前这种协议被SNS网站如Facebook、renren采用。
原文地址:http://www.bdxwwl.com/wzjsjswz/33.html
分享到:
评论

相关推荐

    Laravel开发-meta-tags

    在Laravel框架中,管理和控制这些元标记变得尤为简单,通过使用特定的包,如“Laravel开发-meta-tags”。这个包专门设计用来方便地管理网页的头部元信息,包括但不限于title、description、keywords等。 首先,安装...

    Laravel开发-meta

    MetaTag::addMeta('og:title', $post-&gt;title); MetaTag::addMeta('twitter:title', $post-&gt;title); return view('posts.show', compact('post')); } ``` 在视图中,可以使用 `@meta` Blade 命令来渲染元标签:...

    Laravel开发-laravel-meta-tags

    这个开源包主要用于管理和生成网页的头部元信息(meta tags)以及开放图谱(Open Graph, OG)标记,对于优化网站的SEO(搜索引擎优化)和社交媒体分享至关重要。 首先,让我们了解什么是元标签。元标签是HTML文档中...

    Laravel开发-laravel-meta-tags .zip

    Laravel Meta Tags库是为了方便开发者在Laravel应用中管理和生成meta标签,从而提高网站的可见性和用户体验。下面将详细介绍这个库的使用方法和相关知识点。 **1. 安装与配置** 首先,你需要通过Composer安装`...

    DOCTYPE html.docx

    在这个例子中,HTML文档头包含了title标签、meta标签和link标签。 Meta标签 Meta标签用于提供关于网页的元数据,例如作者、关键词、描述等信息。Meta标签有很多种类型,例如: * charset:指定网页的字符编码,...

    og-image:开放式图形图像即服务-为Twitter,Facebook,Slack等生成卡片

    无服务器服务,可生成可嵌入到&lt;meta&gt;标记中的动态Open Graph图像。... 有关实际用例,请参见推文中嵌入的图像。什么是开放图图像? 您是否曾经发布过指向Twitter,Facebook或... 简短的答案是,为每个博客文章和每

    前端开源库-react-document-meta

    常见的元标签包括:`&lt;meta name="description"&gt;`用于页面描述,`&lt;meta property="og:image"&gt;`用于社交媒体分享图片,以及`&lt;meta charset="UTF-8"&gt;`设置字符编码等。 二、React Document Meta 的特性 1. 声明式:...

    Laravel开发-laravel-seo-gen

    这些元标签包括但不限于:`title`、`description`、`keywords`、`og:title`、`og:description` 和 `og:image` 等,它们对于提高网页的搜索引擎优化(SEO)和社交媒体分享效果都起着关键作用。 在 Laravel 应用中...

    meta_tags_helper:用于构建元标记的 Rails 助手

    %= meta_tags og: { url: 'https://github.com', site_name: 'GitHub', title: 'Build software better, together' } % &gt; &lt;/ head &gt; 您也可以管理标题标签: &lt; head &gt; &lt; %= title_tag '...

    ogt:打开图形文本格式

    document.querySelector('meta[property="og:title"]').content = '新的标题'; document.querySelector('meta[property="og:description"]').content = '新的描述'; document.querySelector('meta[property="og:...

    og-impact:用于生成社交媒体图像的免费API

    meta property =" og:image " content =" https://ogi.sh?title=Hello World " /&gt; | |快速开始创建您的第一张图片创建一个元标记,并将其添加到每个页面的&lt;head /&gt;中: &lt; meta property =" og:image " ...

    jquery.ogp:jQuery中的开放图协议解析器

    meta property="og:title" content="The Rock" /&gt; &lt;meta property="og:type" content="movie" /&gt; &lt;meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /&gt; &lt;meta property=

    kirby-meta:Kirby插件可简化html meta

    在安装和配置Kirby Meta时,你需要将`kirby-meta-main`文件解压缩并将其内容移动到Kirby的`site/plugins`目录。然后,在你的`site/config/config.php`文件中激活插件。如果需要调整默认行为,可以通过修改`site/...

    Laravel开发-laravel-head

    6. **SEO优化**:利用Laravel的特性,如`@yield('og:title')`,可以方便地实现Open Graph元标签的自定义,从而提升社交媒体分享的呈现效果。 7. **响应式设计**:在头部布局中加入响应式设计的CSS和JS,确保无论在...

    html分享内容到QQ微信微博等主流媒体

    2. **元标签设置**:为了在社交媒体上展示合适的内容预览,我们需要在HTML的&lt;head&gt;部分设置特定的元标签,如`&lt;meta property="og:title"&gt;`定义分享的标题,`&lt;meta property="og:description"&gt;`定义描述,`&lt;meta ...

    HEAD::moai:文档头中*可能*包含的所有内容的列表

    13. **Open Graph** (`og:` 前缀的元标签): 类似于Twitter卡片,但适用于Facebook和其他社交媒体平台,增强分享时的预览效果。 14. **结构化数据** (`&lt;script type="application/ld+json"&gt;`): JSON-LD格式的代码,...

    网上商店html源代码

    - `property="og:title"`、`property="og:description"`、`property="og:type"`、`property="og:url"`、`property="og:image"`:这些是Open Graph协议的一部分,用于社交媒体分享时预览页面的基本信息。 ### 5. ...

    Laravel开发-laravel-seo-wrapper

    `laravel-seo-wrapper`旨在简化SEO优化过程,为开发者提供更加方便、直观的方式来处理网站的元数据,如元标签、Open Graph和Twitter卡片等。 首先,`Laravel`是PHP领域中最受欢迎的Web应用框架之一,它以简洁、优雅...

    Link-Unfurling

    `og:`前缀的meta标签,如`og:title`、`og:description`和`og:image`,可以帮助提取结构化的数据。 4. **Twitter卡片**:类似于OGP,Twitter卡片允许网站为在Twitter上分享的链接定制显示内容。`twitter:`前缀的meta...

Global site tag (gtag.js) - Google Analytics