1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > SEO/SEM >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

前端可以做到哪些SEO设置? --九分科技

时间:2020-06-28   分类:SEO/SEM    作者:网络   来源:网络整理   点击:92

前端可以对底层SEO框架进行诸多调整,今天来介绍一些常见的方式与可以注意的地方。 

九分网络

<head> 

本文来自九分网络

在head当中,我们可以定义许多标签让搜索引擎方便拿到资料,例如: 

本文来自九分网络

<title></title>可以定义网页的标题,会显示在搜索结果的标题  copyright 9fen.net

<meta></meta>:在meta可以放置许多跟网站有关的资讯,例如keyword,description等,但似乎对SEO的权重越来越小了。 

内容采集来自9fen.net

OpenGraph:像是在facebook,twitter等分享连结网站时显示的文字与图片等,常见的有og:title,og:type,og:image等等。 

www.9fen.net

SemanticTag 

内容采集来自9fen.net

HTML标签虽然看起来只是个标签,技术上来说也可以从头用<div>做到尾,但对浏览器、阅读器、以及VoiceReader来说,如果能用符合语意的标签的话,除了提升可读性之外,对搜索引擎及阅读器来说也更容易解析与理解。 

内容采集来自9fen.net

例如在HTML就有<section>、<header>、<nav>、<a>、<button>、<summary>、<table>、<article>等等丰富的标签可供使用,可以让整个组织看起来更一目了然。当然,对于前端开发来说似乎太理想,总是会有「这个元件该用哪个tag表达才好?」、「要用h2还是h4?」等等的问题。也不需要过往矫正,看到div或span就好像十恶不赦一样。 

copyright 9fen.net

itemscope  本文来自九分网络

这是在HTML5之后引入的新标准,目的是为了让搜索引擎更容易解析内容。在html当中,你可以用itemscope以及itemprop来定义一些属性,目前Google、Yahoo!等搜索引擎都有支持。 

www.9fen.net

例如在搜索书籍的时候,有时会看到搜索结果有星星评价,虽然不一定是透过itemscope产生,但如果有定义的话可以帮助搜索引擎更快解析资料也说不定。 

copyright 9fen.net

在schema.org有定义各种type与可以设定的栏位,方便各大厂商跟着标准实作。 

内容采集来自9fen.net

<p> This example shows the addition of Accessibility metadata. Although these properties are not a formal enumeration, there is evolving consensus amongst accessibility experts for appropriate values for these properties. This example shows simple text values, as suggested by </p> <div itemscope="" itemtype="http://schema.org/Book"> <meta content="EBook/DAISY3"/> <meta content="largePrint/CSSEnabled"/> <meta content="highContrast/CSSEnabled"/> <meta content="resizeText/CSSEnabled"/> <meta content="displayTransformability"/> <meta content="longDescription"/> <meta content="alternativeText"/> <meta content="fullKeyboardControl"/> <meta content="fullMouseControl"/> <meta content="noFlashingHazard"/> <meta content="noMotionSimulationHazard"/> <meta content="noSoundHazard"/> <meta content="ARIA"/> <dl> <dt>Name:</dt> <dd>Holt Physical Science</dd> <dt>Brief Synopsis:</dt> <dd>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>598</span> Pages</dd> <dt>ISBN-13:</dt> <dd>9780030426599</dd> <dt>Publisher:</dt> <dd itemtype="http://schema.org/Organization" itemscope=""><span>Holt, Rinehart and Winston</span></dd> <dt>Date of Addition:</dt> <dd>06/08/10</dd> <dt>Copyright Date:</dt> <dd>2007</dd> <dt>Copyrighted By:</dt> <dd itemtype="http://schema.org/Organization" itemscope=""><span>Holt, Rinehart and Winston</span></dd> <dt>Adult content:</dt> <dd><meta content="true"/>No</dd> <dt>Language:</dt> <dd><meta 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>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 itemscope itemtype="http://schema.org/AggregateRating"> <h2>Reviews of Holt Physical Science (<span>0</span> reviews)</h2> <div> <span><span>0</span> - No Rating Yet</span> </div> </div> </div>

当然不只有Book,也有像是Moive、Article、Message等各式各样的type可供使用,其实蛮适合当成Databaseschema参考的。 

本文来自九分网络

AMP  九分网络

标签: SEO基础 前端

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----