前端可以做到哪些SEO设置？

　　前面能够对最底层SEO架构开展众多调节，今日来详细介绍一些普遍的方法与能够留意的地区。

　　在head之中，我们可以界定很多标识让百度搜索引擎便捷取得材料，比如：

　　能够界定网页页面的文章标题，会表明在百度搜索的文章标题

　　：在meta能够置放很多跟网址相关的新闻资讯，比如keyword,description等，但好像对SEO的权重值愈来愈变小。

　　OpenGraph：好像在facebook,twitter等共享相互连接网址时表明的文本与照片等，普遍的有og:title,og:type,og:image这些。

　　SemanticTag

　　HTML标识尽管看上去仅仅个标识，技术性上而言还可以从头开始用

　　保证尾，但对电脑浏览器、阅读软件、及其VoiceReader而言，假如可用合乎词意的标识得话，除开提高易读性以外，对百度搜索引擎及阅读软件而言也更非常容易分析与了解。

　　比如在HTML就会有

　　、 、 、、、 、、 这些丰富多彩的标识可储存，能够让全部机构看上去更一目了然。自然，针对前端工程师而言好像太理想化，一直会出现「这一元器件该用哪一个tag表述才好?」、「得用h2或是h4?」这些的难题。也不用过往矫正，见到div或span就仿佛十恶不赦一样。

　　itemscope

　　它是在HTML5以后引进的新标准，目地是为了更好地让百度搜索引擎更非常容易分析內容。在html之中，你能用itemscope及其itemprop来界定一些特性，现阶段Google、Yahoo!等百度搜索引擎都是有适用。

　　比如在检索书本的情况下，有时候会见到百度搜索有星辰点评，尽管不一定是通过itemscope造成，但如果有界定得话能够协助百度搜索引擎更快分析材料也或许。

　　在schema.org有界定各种各样type与能够设置的栏位，便捷各种生产商跟随规范实操。

　　This example shows the addition of Accessibility metadata. Although these properties are nota formal enumeration, there is evolving consensus amongst accessibility experts forappropriate values for these properties. This example shows simple text values,as suggested by www.a11ymetadata.org.

　　Name: Holt Physical Science Brief Synopsis: NIMAC-sourced textbook Long Synopsis: N/A Book Quality: Publisher Quality Book Size: 598 Pages ISBN-13: 9780030426599 Publisher: Holt, Rinehart and Winston Date of Addition: 06/08/10 Copyright Date: 2007 Copyrighted By: Holt, Rinehart and Winston Adult content: No Language: English US Essential Images: 861 Described Images: 910 Categories: Educational Materials Grade Levels: Sixth grade, Seventh grade, Eighth grade Submitted By: Bookshare Staff NIMAC: This book is currently only available to public K-12 schools and organizations in the United States for use with students with an IEP, because it was created from files supplied by the NIMAC under these restrictions. Learn more in the NIMAC Support Center. Reviews of Holt Physical Science (0 reviews) 0 - No Rating Yet

　　自然不仅有Book，也是有好像Moive、Article、Message等各种各样的type可储存，实际上蛮合适当做Databaseschema参照的。

　　AMP

　　AMP是由Twitter与Google合作开发的专案，目地是为了更好地让mobile可以更快加载网页页面。通过文档中标准的英语的语法与标识，你能界定自身的AMP网页页面，那样在Google检索时就可以基本上秒加载网页页面。尽管限定重重的，但很合适文章内容、內容展现的网址应用。

　　SSR

　　因为SPA务必要直到JavaScript加载后，假如立即用好像curl或者网络爬虫的方法爬取网页页面，总是获得一坨空荡荡的index.html，尽管百度搜索引擎也会先分析JavaScript，但是SSR或是最有实际效果的方法，并且也可以大幅度降低原始加载的時间。

　　但是要保证SSR的成本费非常高，不但前面的程式码要写的够慎重以外，后端开发一部分还要做许多 解决，尤其是假如配搭redux得话要融合起來更为不便。现阶段在React.js与Vue.js都是有相匹配的Framework能够协助你保证这件事情。(Next.js与Nuxt.js)

　　SearchConsole

　　你能用searchconsole来查询跟递交检索要求，让Google给你的网页页面创建数据库索引，还可以在上面见到使用人怎么进入你的网页页面也有关键词。

　　总结

　　前面可以保证的SEO非常多，而这种小眉尾积累起來就能有很大的帮助。但是最重要的一点或是致力于网页页面的內容，而且竭尽全力造就高品质的內容，而不是想办法「骗」百度搜索引擎来拿总流量。