前言在《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用VuePress搭建了一个博客,最终效果查看:TypeScript中文文档。这篇文章讲的是SEO优化的一些细节。1.设置全局的title,description,keywords//config.jsmodule.exports={title:"title",description:'description',head:[['meta',{name:'keywords',content:'keywords'}]]}关于标题怎么写,参考老《百度搜索引擎优化指南2.0》:我们建议网页的标题可以这样描述:首页:网站名或网站名_提供服务介绍或产品介绍频道页:频道名_网站文章页面名称:文章标题_频道名称_网站名称也可以参考本中的规范。关于描述:元描述是对网页内容的简明概括。如果描述与网页内容相匹配,百度会将描述作为摘要的选择目标之一。一个好的描述会帮助用户更容易地从搜索结果中判断你的网页内容是否符合他们的需求。元描述不是权重计算的参考因素。该标签的有无不影响网页的权重,仅作为搜索结果汇总的选择目标。关于关键词,注意关键词之间用英文逗号隔开,中文逗号会被认为是长句。直接看一个百度百科词条的设置:2.通过FrontMatter自定义页面标题、描述、关键词:---title:titledescription:descriptionmeta:-name:keywordscontent:superduperSEO---3.Addingaltattributestoimages根据Google的初学者SEO指南:UsingAltAttributesforImagesGiveDescriptiveFilenamesandAltAttributeDescriptions。alt属性使您能够为图像指定替代文本,如果由于某种原因无法显示图像,它可以用作救援。为什么要使用这个属性?如果用户使用屏幕阅读器等辅助技术查看您的站点,则alt属性的内容会提供有关照片的信息。另一个原因是,如果您使用图像作为链接,图像的替代文本将等同于文本链接的锚文本。但是,如果文本链接可以达到相同的目的,我们建议不要在站点导航中使用过多的图像作为链接。最后,优化图像文件名和替代文本可以帮助图像搜索程序(例如GoogleImages)更好地理解您的图像。4.简化网址参考《百度搜索引擎优化指南2.0》:网址尽量短。长URL不仅不美观,而且用户也很难从中获取额外的有用信息。另一方面,短网址也有助于缩小页面大小,加快网页打开速度,提升用户体验。参考《SEO 新手指南》forGoogleSearchCentral:干净的URL轻松地传达内容为您网站上的文档创建描述性类别和文件名不仅可以帮助您更好地组织您的网站,还可以为想要链接到您的内容的用户提供服务创建更简单、更容易-使用URL。如果URL非常长、模棱两可并且几乎没有可识别的词,访问者可能会被拒之门外。以下URL可能会造成混淆且不易使用:https://www.brandonsbaseballcards.com/folder1/22447478/x2/14032015.html如果您的URL具有明确的含义,它可能在不同的上下文中起作用更实用且更易于使用理解。https://www.brandonsbaseballcards.com/article/ten-rarest-baseball-cards.html像我文档的地址是:https://ts.yayujs.com/learn-typescript/handbook/TheBasics.html其实,不需要learn-typescript。之所以会这样,是因为我之前用过GitHubPages。这是我对应的GitHub仓库的名字。但是如果你自己建网站,就没有必要写这个了。我们直接修改配置。js中的base配置:module.exports={base:''}但是如果你的地址已经发送出去了怎么办?或者它已经包含在内。这时候可以通过Nginx的301重定向来实现:server{listen443ssl;server_namets.yayujs.com;//...位置^~/learn-typescript/{重写^/learn-typescript/(.*)$https://yayujs.com/$1永久;别名/home/www/website/ts/;}//...}现在你访问https://ts.yayujs.com/learn-typescript/handbook/EverydayType.html,它会跳转到https://yayujs.com/handbook/EverydayType.html5。链接加上nofollow搜索引擎的基本PageRank算法,其基本假设是:越重要的页面往往越被其他页面引用。所以我们可以使用nofollow告诉Google不要关注我们链接的页面,这样就不会带走我们页面的权重。那么为什么nofollow会存在呢?这也很好理解,比如你在自己的博客上发表了对垃圾网站的评论,为了提醒别人而添加了这个网站的链接,你当然不希望这个网站从你的名声中获利。这时候就很适合用nofollow了。要使用nofollow,我们只需要给链接添加nofollow属性:
