🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] # 基础SEO设置 **1.TDK代码规范** A: 关键词,一般3~4个最好,要与当前页面内容相关(根据实际情况,不适宜过多堆积关键词); B: 杜绝不同URL的页面标题重复现象,作为搜索结果摘要的重要选择目标之一,一定不要采用默认形式,用适当的语言对页面进行进一步描述,对title的进一步补充,能够使用户更进一步理解你页面的内容与其需求是否匹配,让你的目标用户更快找到你点击你。; 如下: ~~~ 页面标题_网站名称 栏目页标题_网站名称 ~~~ **每篇详情内容,需要单独设置一个针对优化的较长的文档标题以及一个适合页面呈现的短标题。长标题放置在代码`<head>`区域,短标题放置在页面内容区域。** **栏目列表页单独设置SEO标题。** **网站首页标题单独设置。** **2.img的alt属性必须添加** A: ALT文字指图片的替换文字; B: 图片ALT文字中出现关键词对页面相关性也有一定影响,在图片ALT属性中以简要文字说明图片内容,同时包含关键词也是页面优化的一部分,与页面title一样,ALT文字中不要堆积关键词,只要出现一次即可; C: 描述性的替代文字能向用户提高重要信息 **图片ALT属性不要留空,用描述性文字代替最佳** **3.页面中不重要的`<a>`标签内容添加`rel="nofollow"` 属性,集中页面权重**,比如: >` <a href="//www.domian.com/shengming/" rel="nofollow">网站声明</a>` 网站声明对于一般用户而言,对于网站主体内容而言不是重要信息,因此添加`rel="nofollow"` **4.每个页面源码只能出现一个`<h1>`标签,** 若当前页是首页,则网站的logo部分添加,如果为文章页面,则给文章标题使用。如果,没有具体体现页面主体部分的,则可以不使用。 例如:网易首页(http://www.163.com) ~~~ ... <div class="ne_area ne_index_area " ne-plugin="js/plugins/modvisible.js"> <!-- 网易首页顶通 --> <div class="cm_area ns_area_top"> <div class="hd"> <h1> <a href="http://www.163.com/">网易 有态度</a> </h1> <a id="wljd" class="wljd" href="http://www.12377.cn">网络监督专区</a> <div class="head_ad"> <!--450*40--> <div style="position:relative;height:40px;"> <a href="http://gb.corp.163.com/gb/legal.html" class="ad_hover_href"></a> <iframe src="http://g.163.com/r?site=netease&affiliate=homepage&cat=homepage&type=logo450x40&location=1" width="450" height="40" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> </div> </div> </div> ... ~~~ 网易新闻页面 (http://news.163.com/17/0926/12/CV8QGTLN00018AOQ.html) ~~~ ... <div class="post_content_main" id="epContentLeft"> <h1>因美舰事故频发 美国太平洋舰队司令提交辞呈</h1> <div class="post_time_source"> 2017-09-26 12:05:00 来源: <a id="ne_article_source" href="http://www.chinanews.com/gj/2017/09-26/8340421.shtml" target="_blank" rel="nofollow">中国新闻网</a>(北京) </div> ... ~~~ 网易新闻频道(http://news.163.com) ~~~ ... <div class="index_head"> <div ne-module="modules/head/head.js"> <div class="ns_area hd"> <h1> <a href="http://news.163.com/">网易新闻有态度</a> </h1> ... ~~~ **5.移动页面应当添加地域属性** 如果是提供地域性信息服务的站点,可以通过为自己网页添加地理位置信息Meta标注,让目标用户在百度移动搜索中更快的找到您网站的内容。具体的地域Meta协议如下 name属性的值是location、Content的值为province=北京;city=北京; coord=116.306522891,40.0555055968; province为省份简称,city为城市简称,均不可为空; coord是页面信息的经纬度坐标,采用的是bd09ll坐标。若页面信息为城市级别,填写城市中心点即可。若页面信息有具体的地址,经纬度坐标填写该具体地址的坐标(可以通过百度地图的地址解析 API获取)。 ``` <meta name="location" content="province=海南;city=海口;coord=坐标值"> ```