翻看一些主流网址的网页源代码，在 HTTP 头部经常能看到一些 og:type、og:title、og:image 的 meta 标签。这些 OG 是什么东西？有什么用？...og:type 标签是每一段内容的起始处，下面是具体例子：property="og:type" content="video"/>property="og:title" content...property="og:type" content="video"/>property="og:title" content="聊聊我的网站搭建方法第三部 - 玩个机吧"/>文章页一般用 article 下面是具体例子：网站首页、列表页：property="og:type" content=..."website" />网站文章页：property="og:type" content="article" />WordPress 添加 OG 协议标签方法通过纯代码或插件都可以为你的 WordPress
今天就来聊一聊百度收录提交和搜索引擎出图的个人部分见解。区别于百度出图佛系，360则有具体的细则说明。并给出了适配规范。至于搜狗应该也是蛮佛系的吧。不怎么管搜狗，部分也有图。...一，站点权重这里的权重并非是站长工具或爱站的权重值，而是百度对你的网站的判断评分（依据可能包含网站年龄、页面质量、站点质量、唯一性等）二、内容相关度你的图片和页面内容是否具有相关性，图片质量等360出图...智能摘要可以帮助网站在搜索结果中展现更丰富，带来更多点击。需要提供网站的结构化数据，在网站的页面中插入相应协议标签但需要依据站点模板进行适配。...="文档页数"/> property="og:document:cost" content="获取文档的花费，如免费、5积分等"/>展现示例：图片6、普通文章有一些定义条件的。
常见的场景有： 比如说发推特时，输入一个链接，就会自动生成一个卡片。 使用Notion写文章时，粘贴一个URL就会提示是否创建bookmark。 在即刻上面发送动态时，粘贴的URL也会生成一个卡片。...最终在html呈现出的效果如下所示： property="og:title" content="chuck" /> property="og:type" content="website...:image:secure_url" content="https://secure.example.com/ogp.jpg" /> property="og:image:type" content...- property: og:image:alt content: preview 可以看出，我们添加了一大堆meta标签，每个标签具有两个属性：property和content 。...其中，property属性用来声明OG协议，content属性用来声明相应的值。 上述OG类型的属性值已经在上一小节具体阐述过了，有不明白的可以返回上一小节查看。
常见的场景有： 比如说发推特时，输入一个链接，就会自动生成一个卡片。 使用Notion写文章时，粘贴一个URL就会提示是否创建bookmark。 在即刻上面发送动态时，粘贴的URL也会生成一个卡片。...四个必须的配置分别是： og:title - 在卡片中显示的网站的标题。 og:type - 网站的类型，可以进行指定。 og:image - 图像的URL，用来在卡片中展示。...最终在html呈现出的效果如下所示： property="og:title" content="chuck" /> property="og:type" content="website..." /> property="og:url" content="https://www.qukun.com.cn/" /> property="og:image" content...:image:secure_url" content="https://secure.example.com/ogp.jpg" /> property="og:image:type" content
property=og 标签是一种开放内容协议（Open Graph Protocol）的标签，它可以让网页成为一个“富媒体对象”，并被其他社会化网站如Facebook、百度、谷歌等引用和展示。...常用的属性名有： Meta Property=og 协议的作用 1. 能够正确被蜘蛛抓取您的内容到百度、360、搜狗等网页搜索； 2. 帮助您的内容更有效的在百度、360、搜狗结构化展现； 3....-w3h5前端资源网"/> property="og:type" content="article"/> property="og:image" content="https:/...property="og:description" content="本文介绍了property=og标签的概念、用法和优势，以及如何在WordPress中添加该标签。"...文章结尾： property=og 标签是一种简单而有效的 SEO 工具，可以帮助网站提升在社会化网络和搜索引擎上的表现。
如下图所示，简单那来说就是让360搜索引擎抓取文章标题，图片和缩略内容等 360搜索智能摘要.jpg 以博客性质网站举例 在站点模板head中添加下列代码即可 property="og:type" content="blog"/> property="og:image" content="图片地址"/> property...> property="og:author" content="博客作者"/> 代码中的中文描述换成自己对于的图片地址，文章发布时间，博客标题等等即可 例如我的某篇文章 property...="og:type" content="blog"/> property="og:image" content="https://zezeshe.com/usr/themes/yodu/img...> property="og:type" content="blog"/> property="og:image" content="<?
什么是智能摘要 智能摘要可以帮助网站在搜索结果中展现更丰富，带来更多点击。您需要提供网站的结构化数据，在网站的页面中插入相应协议标签。 image.png 这里以博客的为例 property="og:type" content="blog"/> property="og:image" content="图片地址"/> property...--选填--> property="og:title" content=" 博客标题"/> property="og:description" content=" 博客描述" /...> property="og:author" content="博客作者"/> 在typecho中配置如下 property="og:type" content="blog"/> property="og:image" content="<?
--必填--> property="og:type" content="article"/> property="og:image" content="图片地址 "/> property="og:release_date" content="发表时间"/> property="og:title" content="标题，例如，李洋个人博客网站"/> property="og:description" content=...--360搜索出图标签--> property="og:type" content="article"/> property="og:image" content="{koilee_firstimg...:i:s')}+00:00"/> property="og:title" content="{$article.Title}"/> property="og:description
$layout->addItem($description); 然后发表文章就可以在文章下面的自定义字段中多填一些文章的keywords和description设置 这些都可以在文章内的head里显示...> 文章内页og优化 og是一种新的HTTP头部标记，用了Meta Property=og标签，可以让网页成为一个“富媒体对象，就是你同意了网页内容可以被其他社会化网站引用等，管他呢，别人都说og对seo...--内页seo优化--> property="og:locale" content="zh_CN"> property="og:type" content="article...>" /> property="og:title" content="title() ?...>" /> property="og:url" content="permalink() ?>" /> <?php endif; ?
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。...-- facebook、linked参数配置 start --> property="og:site_name" content="site name"/> property...="og:title" content="title"/> property="og:type" content="website"/> property="og:description..." content="description"/> property="og:image" content="http://yourdomain.com/images/hatenablog.png..."/> property="og:url" content="http://yourdomain.com/test.htm"> <!
例如： property="og:title" content="这里一般是文章的标题信息" /> property="og:description" content="...文章的摘要或描述..." /> property="og:image" content="网站的图片或者缩略图" /> property="og:url" content...="当前页面地址" /> property="og:release_date" content="发布时间" /> property="og:updated_time..." content="更新时间" /> 对于不同的页面OG标签有不同的释义，这里仅仅给出文章页的信息，当然你肯定会看看自己的网站是否带有OG富媒体标签是吧，没有也不用担心，本站开发的主题模板均自带SEO...功能，包括自定义文章的标题，关键词和描述等等，甚至不需要单独设置就能自动生成OG富媒体标签，一劳永逸。
card和type等都是固定的 property="og:url" content="http://gg.chendahai.cn/static/share/index.html"/...> property="og:title" content="This is my plan,let's play together"/> property="og:description..." content="This is my plan,let's play together"/> property="og:image" content="http://gg.chendahai.cn.../static/image/apple.jpg"/> property="og:type" content="website"/> share test</title
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。...DOCTYPE html> facebook share test property...="og:site_name" content="site name"/> property="og:title" content="title"/> property="og...:type" content="website"/> property="og:description" content="description"/> property="...og:image" content="http://yourdomain.com/images/hatenablog.png"/> property="og:url" content="http
-- og: Open Graph Protocol，一种友好的配置，让自己的网站在社交网络分享中更得心应手，更多的配置可以去自行搜索 --> og:type 告诉SNS，我这是一个什么类型的网站 --> property=”og:type” content=”article”/> og:title 告诉SNS，分享时告诉用户我这个网站的标题是什么，别自己瞎搞个标题 --> property=”og:title” content=”Tusi博客”/>...property=”og:url” content=”https://blog.wbjiang.cn”/> og:image 缩略图 --> property=”og:image” content=”/static/imgs/thumbnail.png”/> property
——《简爱》 今天发现一个问题，有的网页分享出来是带标题、描述和图标的 如何让它识别出来呢？...每个页面的四个必需属性是： og:title - 对象应出现在图表中的标题，例如“The Rock”。 og:type - 对象的类型，例如“video.movie”。..."> content="标题" itemprop="name" property="og:title"> content="描述" property="og:description..."> content="标题" itemprop="name" property="og:title"> content="描述" property="og:description..."> content="标题" itemprop="name" property="og:title"> content="描述" property="og:description
对于包含HTML 4.01和XHTML的HTML，有四个有效的属性：content、http-equiv、name和scheme。在HTML 5下，现在有五个有效的属性，添加了charset。...每次腾讯云社区，写完文章，也会让我们自定义关键词： [自定义关键词] 这个和Wordpress文章相识，在文章保存后，渲染为keywords标签，比如：腾讯云社区 [云+社区] 这里的格式注意：词与词之间...，就是平时meta内，name为og开头的属性，比如我博客的og标签： property="”og:title”" content="Mintimate's Blog"> property...meta property="og:url" content="https://www.mintimate.cn/"> 腾讯云官网也有og标签： property="og:title" content...="腾讯云 - 产业智变 云启未来"> property="og:description" content="腾讯云为数百万的企业和开发者提供安全稳定的云计算服务，涵盖云服务器、云数据库、云存储
num) if __name__ =="__main__": #网站链接 url = input("Please input the correct url: ") #储存位置...DOCTYPE html> type="text/javascript" src="//libs.baidu.com..."> content="ztPAF2oDcw"> content="This..."> content="learning note"> property="og:type" content="website"> property="og:title" content="AngelNI's Blog"> property="og:url" content="https://angelni.github.io
> 0 到 10） minimum-scale [数值] 允许缩放的最小比例 maximum-scale [数值] 允许缩放的最大比例 target-densitydpi 值有以下...-- 优先使用 IE 最新版本和 Chrome --> content="IE=edge,chrome=1"/>...-- 参考微博API --> property="og:type" content="类型" /> property="og:url" content...="URL地址" /> property="og:title" content="标题" /> property="og:image" content...="图片" /> property="og:description" content="描述" /> <!
由于爬取网页信息一般采用的是get方法，故下文中着重讲解get方法，post方法会在后续文章中进行阐述。.../>\ncontent="体育哲学"/>\nproperty="og:type" content="news"/>\nproperty=..."og:image" content="${mpNews.image}"/>\nproperty="og:url" content="www.sohu.com/a/378969781_100078132..."/>\nproperty="og:release_date" content="2020-03-10 14:18"/>\n' 注：由于text中内容太多，本文只是截取了部分信息...="og:type" content="news"/>\nproperty="og:image" content="${mpNews.image}"/>\nproperty="og
虽然一些网页可能没有使用meta，但是作为正规军，我们还是有必要了解一些meta的属性，并且能够熟练使用它们。...rel="apple-touch-startup-image" href="Startup.png" /> 当用户点击主屏图标打开 WebApp 时，系统会展示启动画面，在未设置情况下系统会默认显示该网站的首页截图...="msapplication-TileImage" content="icon.png"/>Windows 8 磁贴图标 9、不常用的 type="application...="og:type" content="类型" /> property="og:url" content="URL地址" /> property="og:title" content...="标题" /> property="og:image" content="图片" /> property="og:description" content="描述" /> 11
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
对象存储
云直播
