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框架中,管理和控制这些元标记变得尤为简单,通过使用特定的包,如“Laravel开发-meta-tags”。这个包专门设计用来方便地管理网页的头部元信息,包括但不限于title、description、keywords等。 首先,安装...
MetaTag::addMeta('og:title', $post->title); MetaTag::addMeta('twitter:title', $post->title); return view('posts.show', compact('post')); } ``` 在视图中,可以使用 `@meta` Blade 命令来渲染元标签:...
这个开源包主要用于管理和生成网页的头部元信息(meta tags)以及开放图谱(Open Graph, OG)标记,对于优化网站的SEO(搜索引擎优化)和社交媒体分享至关重要。 首先,让我们了解什么是元标签。元标签是HTML文档中...
Laravel Meta Tags库是为了方便开发者在Laravel应用中管理和生成meta标签,从而提高网站的可见性和用户体验。下面将详细介绍这个库的使用方法和相关知识点。 **1. 安装与配置** 首先,你需要通过Composer安装`...
在这个例子中,HTML文档头包含了title标签、meta标签和link标签。 Meta标签 Meta标签用于提供关于网页的元数据,例如作者、关键词、描述等信息。Meta标签有很多种类型,例如: * charset:指定网页的字符编码,...
无服务器服务,可生成可嵌入到<meta>标记中的动态Open Graph图像。... 有关实际用例,请参见推文中嵌入的图像。什么是开放图图像? 您是否曾经发布过指向Twitter,Facebook或... 简短的答案是,为每个博客文章和每
常见的元标签包括:`<meta name="description">`用于页面描述,`<meta property="og:image">`用于社交媒体分享图片,以及`<meta charset="UTF-8">`设置字符编码等。 二、React Document Meta 的特性 1. 声明式:...
这些元标签包括但不限于:`title`、`description`、`keywords`、`og:title`、`og:description` 和 `og:image` 等,它们对于提高网页的搜索引擎优化(SEO)和社交媒体分享效果都起着关键作用。 在 Laravel 应用中...
%= meta_tags og: { url: 'https://github.com', site_name: 'GitHub', title: 'Build software better, together' } % > </ head > 您也可以管理标题标签: < head > < %= title_tag '...
document.querySelector('meta[property="og:title"]').content = '新的标题'; document.querySelector('meta[property="og:description"]').content = '新的描述'; document.querySelector('meta[property="og:...
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=
在安装和配置Kirby Meta时,你需要将`kirby-meta-main`文件解压缩并将其内容移动到Kirby的`site/plugins`目录。然后,在你的`site/config/config.php`文件中激活插件。如果需要调整默认行为,可以通过修改`site/...
6. **SEO优化**:利用Laravel的特性,如`@yield('og:title')`,可以方便地实现Open Graph元标签的自定义,从而提升社交媒体分享的呈现效果。 7. **响应式设计**:在头部布局中加入响应式设计的CSS和JS,确保无论在...
2. **元标签设置**:为了在社交媒体上展示合适的内容预览,我们需要在HTML的<head>部分设置特定的元标签,如`<meta property="og:title">`定义分享的标题,`<meta property="og:description">`定义描述,`<meta ...
13. **Open Graph** (`og:` 前缀的元标签): 类似于Twitter卡片,但适用于Facebook和其他社交媒体平台,增强分享时的预览效果。 14. **结构化数据** (`<script type="application/ld+json">`): JSON-LD格式的代码,...
- `property="og:title"`、`property="og:description"`、`property="og:type"`、`property="og:url"`、`property="og:image"`:这些是Open Graph协议的一部分,用于社交媒体分享时预览页面的基本信息。 ### 5. ...
`laravel-seo-wrapper`旨在简化SEO优化过程,为开发者提供更加方便、直观的方式来处理网站的元数据,如元标签、Open Graph和Twitter卡片等。 首先,`Laravel`是PHP领域中最受欢迎的Web应用框架之一,它以简洁、优雅...
`og:`前缀的meta标签,如`og:title`、`og:description`和`og:image`,可以帮助提取结构化的数据。 4. **Twitter卡片**:类似于OGP,Twitter卡片允许网站为在Twitter上分享的链接定制显示内容。`twitter:`前缀的meta...