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
分享到:
相关推荐
使用如下钩子即可,但是前提条件是 没有默认配置head的title asyncData ({ app }, callback) { app.head.title = ‘new title' callback(null, {}) }, 补充知识:vue 每个页面动态切换title keywords description ...
META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它...
meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可 无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的 ...
内容,我们会发现这三个页面的标签一致,而且和nuxt.config.js配置文件的head配置保持一致; 所以我们需要对这三个页面单独做一个head,更加方便于SEO优化,搜索引擎的爬取; 好,我们打开index.vue,编辑如下: ...
无服务器服务,可生成可嵌入到<meta>标记中的动态Open Graph图像。... 有关实际用例,请参见推文中嵌入的图像。什么是开放图图像? 您是否曾经发布过指向Twitter,Facebook或... 简短的答案是,为每个博客文章和每
meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分...
使用React元素或挂钩设置文档标题和meta标签。 React Helmet的轻巧替代品。 **尚不支持服务器端渲染(SSR)。** 用法 该软件包公开了Title , Meta和Link组件。 以与使用它们各自HTML元素相同的方式使用它们; 它们...
%= meta_tags og: { url: 'https://github.com', site_name: 'GitHub', title: 'Build software better, together' } % > </ head > 您也可以管理标题标签: < head > < %= title_tag '...
标签-反履带该脚本将为您提供有关Java中任何网站内标签的信息###输入 : 网址###输出 : ... 30key: br value: 46key: meta value: 18key: title value: 2key: style value: 6key: head value: 1key: h1 value:
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
meta property =" og:image " content =" https://ogi.sh?title=Hello World " /> | |快速开始创建您的第一张图片创建一个元标记,并将其添加到每个页面的<head />中: < meta property =" og:image " ...
meta property="og:title" content="The Rock" /> <meta property="og:type" content="movie" /> <meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /> <meta property=
可以轻松获取对方的head头部seo信息
什么是网页的元标记呢?就是网页代码头部<head>和</head>之间的以META开头的内容。以下列出了各个META标记的用途: <META NAME="Title" CONTENT=http://www.e136.net>
meta是html语言head区的一个辅助性标签;meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言等等;感兴趣的朋友可以了解下
<title>网页标题部分</title> </head> 正文部分 2.<meta>信息:在服务器和客户之间传递隐含信息 其中最重要的设置: http-equiv:设置和获取Content的内容,并把content的内容添加 http的响应头中...
标签里: <head> <meta charset="UTF-8"> <title>叮叮书店</title> <link href="images/logo.ico" rel="icon" type="image/x-ico"> <link href="style.css" rel="stylesheet...
head区是指首页HTML代码的<head>和</head>之间的内容。 <br/> 必须加入的标签 <br/> 1.公司版权注释 <!--- The site is designed bywebjx.com 06/2006 ---> <br/><br/> 2.网页显示字符集 ...
title> , <meta>和其他元素,它没有依赖关系,我们总是尽力使它保持最小。 :yellow_heart: 支持该项目的持续发展。 安装 npm i @vueuse/head # Or Yarn yarn add @vueuse/head 用法 注册Vue插件: ...
无服务器服务,可生成可嵌入到<meta>... meta property =" og:image " content =" http://example.com/logo.jpg " /> </ head > 为什么要使用这项服务? 简短的答案是,为每个博客文