`
房子SEO
  • 浏览: 4632 次
  • 性别: 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
分享到:
评论

相关推荐

    nuxt 服务器渲染动态设置 title和seo关键字的操作

    使用如下钩子即可,但是前提条件是 没有默认配置head的title asyncData ({ app }, callback) { app.head.title = ‘new title' callback(null, {}) }, 补充知识:vue 每个页面动态切换title keywords description ...

    Meta标签详解

     META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的&lt;HEAD&gt;标记和&lt;TITLE&gt;标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它...

    html的meta标签

    meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可 无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的 ...

    nuxt 每个页面head标签内容设置方式

    内容,我们会发现这三个页面的标签一致,而且和nuxt.config.js配置文件的head配置保持一致; 所以我们需要对这三个页面单独做一个head,更加方便于SEO优化,搜索引擎的爬取; 好,我们打开index.vue,编辑如下: ...

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

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

    HTML标签meta总结,HTML5 head meta 属性整理

    meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。   &lt;!DOCTYPE html&gt; &lt;!-- 使用 HTML5 doctype,不区分...

    react-meta-elements:使用React元素或挂钩设置文档标题和元标签

    使用React元素或挂钩设置文档标题和meta标签。 React Helmet的轻巧替代品。 **尚不支持服务器端渲染(SSR)。** 用法 该软件包公开了Title , Meta和Link组件。 以与使用它们各自HTML元素相同的方式使用它们; 它们...

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

    Tags-Counter-Crawler:该脚本将为您提供有关Java中任何网站内标签的信息

    标签-反履带该脚本将为您提供有关Java中任何网站内标签的信息###输入 : 网址###输出 : ... 30key: br value: 46key: meta value: 18key: title value: 2key: style value: 6key: head value: 1key: h1 value:

    -doctype-html-html-lang-en-dir-ltr-head-meta-name:

    abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz

    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=

    curl获取title,META信息

    可以轻松获取对方的head头部seo信息

    网站优化之META标记优化

    什么是网页的元标记呢?就是网页代码头部&lt;head&gt;和&lt;/head&gt;之间的以META开头的内容。以下列出了各个META标记的用途: &lt;META NAME="Title" CONTENT=http://www.e136.net&gt;

    meta标签中的http-equiv属性使用介绍

    meta是html语言head区的一个辅助性标签;meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言等等;感兴趣的朋友可以了解下

    html详解.doc

    &lt;title&gt;网页标题部分&lt;/title&gt; &lt;/head&gt; 正文部分 2.&lt;meta&gt;信息:在服务器和客户之间传递隐含信息 其中最重要的设置: http-equiv:设置和获取Content的内容,并把content的内容添加 http的响应头中...

    HTML5中在title标题标签里设置小图标的方法

    标签里: &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;叮叮书店&lt;/title&gt; &lt;link href="images/logo.ico" rel="icon" type="image/x-ico"&gt; &lt;link href="style.css" rel="stylesheet...

    Html网页页面head区规范知识

    head区是指首页HTML代码的&lt;head&gt;和&lt;/head&gt;之间的内容。 &lt;br/&gt; 必须加入的标签 &lt;br/&gt; 1.公司版权注释  &lt;!--- The site is designed bywebjx.com 06/2006 ---&gt; &lt;br/&gt;&lt;br/&gt;  2.网页显示字符集 ...

    head:文档Vue 3的经理

    title&gt; , &lt;meta&gt;和其他元素,它没有依赖关系,我们总是尽力使它保持最小。 :yellow_heart: 支持该项目的持续发展。 安装 npm i @vueuse/head # Or Yarn yarn add @vueuse/head 用法 注册Vue插件: ...

    og卡

    无服务器服务,可生成可嵌入到&lt;meta&gt;... meta property =" og:image " content =" http://example.com/logo.jpg " /&gt; &lt;/ head &gt; 为什么要使用这项服务? 简短的答案是,为每个博客文

Global site tag (gtag.js) - Google Analytics