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

前端可以对底层SEO框架做很多调整。今天我们来介绍一些常见的方式和可以注意到的地方。

& lthead>。

在head中，我们可以为搜索引擎定义许多标签来方便地获取信息，例如:

& lttitle>。& lt/title>。您可以定义网页的标题，它将显示在搜索结果的标题中

& ltmeta>。& lt/meta>。:可以在meta中放很多网站相关的信息，比如关键词、描述等。，但似乎SEO的权重越来越小。

OpenGraph:比如分享facebook、twitter等链接网站时显示的文字和图片。，常见的有og:title、og:type、og:image等。

语义标签

虽然HTML标记看起来只是标记，但从技术上来说，它们也可以从零开始使用

例如，在HTML中，有

项目范围

这是HTML5之后引入的新标准，目的是为了让搜索引擎更容易解析内容。在html中，可以使用itemscope和itemprop来定义一些属性。目前，谷歌、雅虎！搜索引擎有支持。

比如搜索书籍，有时候会看到搜索结果有明星评价。虽然不一定是通过itemscope生成的，但是如果有定义的话，可能有助于搜索引擎更快地分析数据。

在schema.org，定义了各种类型和可配置字段，便于主要制造商按照标准实施。

<p>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.</p><div itemscope="" itemtype="http://schema.org/Book"> <meta itemprop="bookFormat" content="EBook/DAISY3"/> <meta itemprop="accessibilityFeature" content="largePrint/CSSEnabled"/> <meta itemprop="accessibilityFeature" content="highContrast/CSSEnabled"/> <meta itemprop="accessibilityFeature" content="resizeText/CSSEnabled"/> <meta itemprop="accessibilityFeature" content="displayTransformability"/> <meta itemprop="accessibilityFeature" content="longDescription"/> <meta itemprop="accessibilityFeature" content="alternativeText"/> <meta itemprop="accessibilityControl" content="fullKeyboardControl"/> <meta itemprop="accessibilityControl" content="fullMouseControl"/> <meta itemprop="accessibilityHazard" content="noFlashingHazard"/> <meta itemprop="accessibilityHazard" content="noMotionSimulationHazard"/> <meta itemprop="accessibilityHazard" content="noSoundHazard"/> <meta itemprop="accessibilityAPI" content="ARIA"/> <dl> <dt>Name:</dt> <dd itemprop="name">Holt Physical Science</dd> <dt>Brief Synopsis:</dt> <dd itemprop="description">NIMAC-sourced textbook</dd> <dt>Long Synopsis:</dt> <dd>N/A</dd> <dt>Book Quality:</dt> <dd>Publisher Quality</dd> <dt>Book Size:</dt> <dd><span itemprop="numberOfPages">598</span> Pages</dd> <dt>ISBN-13:</dt> <dd itemprop="isbn">9780030426599</dd> <dt>Publisher:</dt> <dd itemprop="publisher" itemtype="http://schema.org/Organization" itemscope=""><span itemprop="name">Holt, Rinehart and Winston</span></dd> <dt>Date of Addition:</dt> <dd>06/08/10</dd> <dt>Copyright Date:</dt> <dd itemprop="copyrightYear">2007</dd> <dt>Copyrighted By:</dt> <dd itemprop="copyrightHolder" itemtype="http://schema.org/Organization" itemscope=""><span itemprop="name">Holt, Rinehart and Winston</span></dd> <dt>Adult content:</dt> <dd><meta itemprop="isFamilyFriendly" content="true"/>No</dd> <dt>Language:</dt> <dd><meta itemprop="inLanguage" content="en-US"/>English US</dd> <dt>Essential Images:</dt> <dd>861</dd> <dt>Described Images:</dt> <dd>910</dd> <dt>Categories:</dt> <dd><span itemprop="genre">Educational Materials</span></dd> <dt>Grade Levels:</dt> <dd>Sixth grade, Seventh grade, Eighth grade</dd> <dt>Submitted By:</dt> <dd>Bookshare Staff</dd> <dt>NIMAC:</dt> <dd>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.</dd> </dl> <div class="bookReviews" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <h2>Reviews of Holt Physical Science (<span itemprop="reviewCount">0</span> reviews)</h2> <div class="bookReviewScore"> <span><span itemprop="ratingValue">0</span> - No Rating Yet</span> </div> </div></div>