在互联网发达的明天,每当咱们遇到不懂的问题,首先问的就是百度,然而有时候度娘给出的并不是咱们想要的答案或者基本搜不到答案,怎么办呢?如果你英语不错,用英文搜寻可能会有意想不到的播种哦。
搜索引擎 (寰球 Top5)
Google 月独立访问者:18 亿
寰球第一搜索引擎,不解释!
Bing(必应)月独立访问者:5 亿
Bing 是微软旗下的搜索引擎,感觉它的搜寻界面背景图超美,是谷歌最好的替代品,备胎中的战斗机。
Baidu(百度)月独立访问者:4.8 亿
寰球最大的中文搜索引擎,不解释!
Yahoo!(雅虎)月独立访问者:4.9 亿
https://www.yahoo.com/
在搜寻方面,雅虎体现中规中矩,网页搜寻体现不错,但死链率较高而且短少一些应有的高级搜寻性能。
Yandex 月独立访问者:0.3 亿
Yandex 搜索引擎是俄罗斯第一大搜索引擎,创立于 1997 年,目前曾经倒退成为一个提供搜寻、图片共享、社交网络、网络领取、收费网站托管、以及其它服务的门户网站。
只管越来越多的百度自家产品呈现在了搜寻后果的页面中,加上百度竞价,留给天然排名的地位越来越少,然而通过 SEO 优化进步百度关键词排名取得流量仍旧是最稳固便宜的营销办法。一个好的网站,一份好的 SEO 计划仍旧能够为企业带来十分可观订单。
SEO 具体方法
HTML <meta> 标签
<meta> 元素可提供无关页面的元信息(meta-information),比方针对搜索引擎和更新频度的形容和关键词。
<meta> 标签位于文档的头部,不蕴含任何内容。<meta> 标签的属性定义了与文档相关联的名称 / 值对。
相似这样的 meta 标签可能对于进入搜索引擎的索引有帮忙:
<meta name=”keywords” content=”HTML,ASP,PHP,SQL”>
上面介绍罕用的 meta 标签:
一个高质量的网页个别都具备欠缺的 TDK,包含 title、description、keywords,在 HTML <head> 中增加如下标签(content 替换成本人的内容):
<title>IICOOM- 集体博客 | 技术博客 </title>
<meta name="keywords" content="集体博客, 技术分享,IICOOM- 技术博客,IICOOM">
<meta name="description" content="IICOOM 的技术博客,记录工作学习过程中遇到问题和解决问题的教训办法。这是 IICOOM 技术博客的原创博文,或者是不错的译文。波及技术包含前端技术 (Vue.js,React.js),服务端 (Node.js,Golang,Java),数据库 (MySQL,MongoDB)。">
<!-- 增加禁止转码标记:-->
<meta http-equiv="Cache-Control" content="no-transform">
<meta http-equiv="Cache-Control" content="no-siteapp">
<!-- 增加疏导抓取标记:-->
<meta name="Robots" Content="index,follow">
<!-- 增加页面属性标记:-->
<meta name="applicable-device" content="pc,mobile">
增加权重标记 canonical
什么是 canonical URL 标签?canonical URL 标签也叫标准网址,呈现在你网页代码的 <head> 里。
退出你的域名如下:
https://www.iicoom.top
一旦你的文章多了有了分页就会主动生成一个新的 URL https://www.iicoom.top/posts/11
如果不做 canonical URL 标签优化,就搜索引擎机器人来看,下面两个 URL 的页面内容是一样的,所以机器人不晓得到底要把哪个 URL 编入搜寻后果里,也不晓得哪个页面才是重要的。有形间的反复内容,大大降低了页面在搜索引擎的重要性,页面权重也全都扩散了。
而 canonical URL 标签的目标就是通知谷歌把你重要的页面和其它页面区别对待,在搜寻后果中只显示惟一的 URL,标准 URL 的构造,让其它反复内容的 URL 指向最次要的那个 URL。将链接权重传递到主页面。
比方我能够在 https://www.iicoom.top/posts/11 这个页面配置 canonical
<link rel="canonical" href="https://www.iicoom.top">
百度站长工具
在百度站长工具网站验证后,在本人的页面中增加如下标签,具体方法查看 这里
<meta name="baidu-site-verification" content="TI4ZF9Ar4h" />
sitemap 生成
生成 sitemap(Sitemap 可不便网站管理员告诉搜索引擎他们网站上有哪些可供抓取的网页)生成的链接页面里,内容是网站的动态门路,用于每天百度收录。
网站地图爬虫在线工具 v5.1.9 https://help.bj.cn/
Google:倡议应用 xml 格局的网站地图
地图提交地址:https://www.google.com/webmas…
Baidu: 倡议应用 robots.txt 提交 html 格局的网站地图
http://www.baidu.com/search/u…
manifest.json
manifest.json 是一个简略的 JSON 文件,通知浏览器你的网站是在挪动设施或是台式设施应用。当用户将你的网站珍藏为标签时,manifest.json 就会很有用,它能够批示你的网站名称、icon、页面展现方向(横向或纵向)等等。
上面的办法也利于 SEO
- 栏目页旁边要加举荐文章,10 条左右
- 每个页面都要加 h1 h2 内容
- 首页的图片上,加 title,把想加的关键词均匀分布在图片的 title 上
下面的配置实现,我的项目上线后咱们可能须要一些工具来统计页面的流量,上面介绍罕用的工具。
统计工具
- 百度统计
- Google 剖析
- 友盟
如果须要具体操作形式,评论留言,我具体介绍一下配置形式。
SPA(Single-Page App) 为什么不利于 SEO?
随着前端技术的倒退,一些单页面利用的前端框架被宽泛应用,如 vue、react,这种利用有一个毛病就是不利于 SEO,起因如下:
- 搜索引擎爬虫 如 Googlebot、Bingbot 它们的工作原理是下载网站的 index.html,而后剖析外面的链接或内容,它们喜爱动态文件
- SPA 利用是基于 JavaScript 的,当爬虫解析这种文件时,状况就变得复杂起来,它只能获取到页面局部链接,要想更深层的解析就须要执行 JavaScript,这样就大大加剧了了搜寻爬虫的工作累赘
解决方案 (SSR)
SSR 就是服务端渲染的意思。相较于 SPA (单页面利用),SSR 次要的益处是:
- 更好的搜索引擎优化 (SEO)。因为搜索引擎爬虫会间接读取残缺的渲染进去的页面
- 更快的内容出现,尤其是网络连接迟缓或设施运行速度迟缓的时候
从头搭建一个服务端渲染的利用是相当简单的。侥幸的是社区曾经有了优良的 SSR 框架,vue 的能够应用 Nuxt.js,React 能够应用 Next.js。