乐趣区

关于seo:SEO

在互联网发达的明天,每当咱们遇到不懂的问题,首先问的就是百度,然而有时候度娘给出的并不是咱们想要的答案或者基本搜不到答案,怎么办呢?如果你英语不错,用英文搜寻可能会有意想不到的播种哦。

搜索引擎 (寰球 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。

退出移动版