十五年风雨路 · 一心铸精品

一个官网 留一件精品 做一个项目 树一块样板

成都网站优化公司网站结构化标准seo与meta标签大全整理

上一篇我们提到: 网站优化就是对网页的程序、内容、版块、布局进行优化调整,使之适合搜索引擎检索,满足搜索引擎排名的指标,从而提高搜索引擎检索的排名和搜索引擎营销的有效性。影响力。网站优化除了网站安全维护和内容更新,还要掌握很多技巧和思路。成都网站优化公司如何优化一个网站? 网站优化注意事项1.日常网站外链建设2.统计工具分

接下来我们进入今天的正文:
2022-04-21

在SEO中,最重要的第一个关键点是meta tag,就是告诉搜索引擎和社交网站,你的博客或网站的主题是什么,作者是谁,你分享的缩略图是什么.和其他我们认为理所当然的信息。毕竟这些搜索引擎和社交网站的人工智能还是分不清你的网站和我的网站的重点,所以我们还得靠这些meta或者结构化的材料itemprop来告诉他们。 本文主要介绍如何正确设置分享到google plus和facebook的文章的标题、缩略图和摘要。因为有了这些正确的设置,分享到社交网站时,莫名其妙的缩略图就不会跳出来了。同时,在谷歌搜索时,也会显示作者的头像和姓名。这些都是吸引更多用户浏览的好方法。 这是添加在我的网站标题中的meta标签:

1
2
3
4
5
6
7
8
9
10
11
12
<meta name="author" content="作者名稱">
<meta name="copyright" content="版權所有人名稱">
<link rel="author" href="google plus 個人頁網址/posts">
<link rel="publisher" href="google plus 個人頁網址">
<meta name="description" content="網頁描述">
<meta itemprop="name" content="網站名稱或標題">
<meta itemprop="image" content="要顯示的縮圖網址">
<meta itemprop="description" content="網頁描述">
<meta property="og:title" content="網站名稱或標題" >
<meta property="og:url" content="網址">
<meta property="og:image" content="要顯示的縮圖網址">
<meta property="og:description" content="網頁描述" >


其中以下这三行,是写给搜寻引擎看的(特别是google ),当中最重要的,就是rel="author"这一句,有写这一段,接下来我们就可以去去google plus进行互相认证的作业(也就是要让google plus确认这个网页的作者是你)

1
2
3
<link rel="author" href="google plus 個人頁網址/posts">
<link rel="publisher" href="google plus 個人頁網址">
<meta name="description" content="網頁描述">

1650422580213142.jpg

而认证的过,可以点选google结构化资料测试工具连结,进行相关的认证作业,认证的过程其实也很简单,就是进入google plus的个人页面,点选「帐户」,点选「编辑个人资料」,接着将「连结」里头的「作品刊载于」,新增目前的网站,接着google plus就会去查询你的网站是否有放上rel="author",如果有,就完成啰!

而这三行是写给google plus 看的,分享到google plus 上头,就会正确显示

1
2
3
<meta itemprop="name" content="網站名稱或標題">
<meta itemprop="image" content="要顯示的縮圖網址">
<meta itemprop="description" content="網頁描述">

而这四行是写给facebook看的,分享到facebook上头,就会正确显示,如果发现都已经照着设定了,分享时仍有问题,可以点选Facebook Debugger进行查询和重新设定,完成后再次分享应该就不会有问题啰!

1
2
3
4
<meta property="og:title" content="網站名稱或標題" >
<meta property="og:url" content="網址">
<meta property="og:image" content="要顯示的縮圖網址">
<meta property="og:description" content="網頁描述" >

当然meta 标签绝对不止这一些,因为除了facebook 和google plus,还有一个世界前三大的社群平台twitter,以下列出在这些平台上完整的meta 标签语法,如果有需要也可以都加进自己的网站喔!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!-- Update your html tag to include the itemscope and itemtype attributes. --> 
<html itemscope itemtype="http://schema.org/Article">
 
<!-- Place this data between the <head> tags of your website --> 
<title>Page Title. Maximum length 60-70 characters</title
<meta name="description" content="Page description. No longer than 155 characters." />
 
<!-- Google Authorship and Publisher Markup --> 
<link rel="author" href=" https://plus.google.com/[Google+_Profile]/posts"/>
<link rel="publisher" href=” https://plus.google.com/[Google+_Page_Profile]"/>
 
<!-- Schema.org markup for Google+ --> 
<meta itemprop="name" content="The Name or Title Here"
<meta itemprop="description" content="This is the page description"
<meta itemprop="image" content=" http://www.example.com/image.jpg">
 
<!-- Twitter Card data --> 
<meta name="twitter:card" content="summary_large_image"
<meta name="twitter:site" content="@publisher_handle"
<meta name="twitter:title" content="Page Title"
<meta name="twitter:description" content="Page description less than 200 characters"
<meta name="twitter:creator" content="@author_handle"
<!-- Twitter summary card with large image must be at least 280x150px --> 
<meta name="twitter:image:src" content=" http://www.example.com/image.html">
 
<!-- Open Graph data --> 
<meta property="og:title" content="Title Here" /> 
<meta property="og:type" content="article" /> 
<meta property="og:url" content=" http://www.example.com/" />
<meta property="og:image" content=" http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" /> 
<meta property="og:site_name" content="Site Name, i.e. Moz" /> 
<meta property="article:published_time" content="2013-09-17T05:59:00+01:00" /> 
<meta property="article:modified_time" content="2013-09-16T19:08:47+01:00" /> 
<meta property="article:section" content="Article Section" /> 
<meta property="article:tag" content="Article Tag" /> 
<meta property="fb:admins" content="Facebook numberic ID" />



二维码

扫一扫,浏览关注本文

主营业务

  • 高端网站定制
  • SEO网站优化
  • 手机网站建设
  • 网站维护
  • 网页设计制作
  • 微信小程序开发

TAGS

随机案例

  • 阿杰美容美发培训网站建设

    阿杰美容美发培训网站建设

  • 康伟管业/PP超静音排水管材/网站建设

    康伟管业/PP超静音排水管材/网站建设

  • 功夫蚂蚁餐饮火锅加盟网站建设

    功夫蚂蚁餐饮火锅加盟网站建设

  • 修柏建筑幕墙工程网站建设

    修柏建筑幕墙工程网站建设

  • 伊卡璐服饰/服装网站建设​

    伊卡璐服饰/服装网站建设​

  • 明霆基础工程网站建设

    明霆基础工程网站建设

  • 宏冠服饰网站建设

    宏冠服饰网站建设

  • 高铁乘务/成都职业学校/四川高铁职业技术学校/网站建设

    高铁乘务/成都职业学校/四川高铁职业技术学校/···

案例展示 / CASE

五菱电动观光车网站建设

网站以HTML5制作,pc+wap网站制作自动跳转。关键词:五菱观光车网站建设,五菱巡逻车网站建设,封闭电动巡逻车网站建设,封闭电动观···

查看详情

金鹿凯斯服饰/服装网站建设

金鹿凯斯服饰/服装网站建设以html5响应式一体化设计制作,手机端自动响应,高端大气上次,关键词:成都职业装网站建设,成都职业装···

查看详情

明霆基础工程网站建设

查看详情

康伟管业/PP超静音排水管材/网站建设

查看详情

宏冠服饰网站建设

查看详情

新文必生印务、印刷网站建设、包装网站建设

成都印刷网站建设,成都印刷厂网站设计,成都画册印刷网站制作,成都画册制作网站建设,成都印刷厂家网站建设,四川印刷网站建设,四川···

查看详情

伊卡璐服饰/服装网站建设​

网站以定制,订制服装网站建设为主的关键词,网站全新的以HTML5框架定制设计,整站目录清新明了,利于网站优化,搜索引擎蜘蛛爬行···

查看详情

功夫蚂蚁餐饮火锅加盟网站建设

功夫蚂蚁是一家专注于麻辣烫,火锅,串串香行业的优质餐饮连锁加盟公司。提供火锅串串香加盟免费指导、火锅加盟店选址等,让您在加盟···

查看详情

高铁乘务/成都职业学校/四川高铁职业技术学校/网站建设

查看详情

天翊装饰网站建设

天翊装饰公司网站以html5响应式一体化设计制作,高端大气上次,关键词:装修公司网站建设,装饰公司网站建设,成都装修公司网站建···

查看详情

蜀丰食品包装网站建设

实力让我们引领行业为您锁住健康,让食品更安全,让生活更健康!成都市都江堰市蜀丰食品包装有限公司成立于2014年初,是一家集研···

查看详情

阿杰美容美发培训网站建设

查看详情

联系我们 / CONTACT US

  • 四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903
  • 服务热线:18080432432  18080432432(微信同号)
  • 总机:028-62322623-0
  • QQ:3575114  107086147

扫码访问手机网站

版权所有 Copyright © 2007-2024 四川冠辰科技开发有限公司    川公安网备案:51010602001006号     

地址:四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903  蜀ICP备11012605号-1

始于2007年,十五年品牌网站建设,值得信赖!  xml地图txt地图