SEO教程:详解HTML与SEO交集之标签的秘密

2020-10-02 11:48:05 编辑:美达网络 来源:网络整理

  声明:本文来自于微信公众号 巴郎刊(ID:balangk),作者:B巴郎L,授权站长之家转载发布。

  前言

  HTML与SEO在基础标签中是有多交集的,这些交集标签都是SEO的重中之中,今天巴郎带大家一篇SEO教程,来认彻底识一下HTML与SEO交集之标签的秘密。</p> <p>  文章目录(共 3460 字)</p> <p>  01.<title>标签是什么</p> <p>  02.<title>的传统用法</p> <p>  03.巴郎的建议</p> <p>  最后的话</p> <p>  01</p> <p>  title标签是什么</p> <p>  狭义的定义</p> <p>  一说到title标签,多数人都会和SEO行业TDK中的title联系在一起,这当然没有错。</p> <p>  在SEO中,<title>是html中非常重要的一个标签,因为搜索引擎对一个网页主题内容与关键词的识别,靠的就是这个<title>标签,这个标签告诉浏览器,这个网页的主题内容是什么。</p> <p>  广泛的定义</p> <p>  跳出SEO行业,我们看看小红书,抖音,快手,头条,各种APP等,其实每个视频作品、图文文章与具体的内容载体都有标题。</p> <p>  而这个标题能既能告诉用户这个作品的内容,也同时告诉算法机制,这是什么内容,与什么相关,检索的时候,可以快速匹配相关的内容。</p> <p>  巴郎想告诉大家的是:<title>不光是存在SEO行业中,它存在于人的搜索需求之中,这一点在SEO行业一直是单调的讲title的写法与规则,以及注意事项,巴郎个人觉得非常片面,SEO在搜索需求之中,无处不在,而<title>也无处不在,因为它与需求直接挂钩。</p> <p>  将狭义的定义与广泛的定义结合起来,才是对<title>标签完整的理解。单纯掌握title的写法与规则,以及注意事项只是术,而能灵活运用title则是道。</p> <p>  总结:狭义的<title>是针对蜘蛛的,广义的<title>是针对用户需求的。深刻体会这句话!不理解,就重复读上 1000 遍。</p> <p>  此处<title>有话说</p> <p>  <title> 嗨!大家好,我是标题,我有两张脸。 对蜘蛛是关键词脸,对用户是需求脸。 嘿嘿!你蒙圈了吧! 什么?理解不了? 那就把上面那句话读上 1000 遍再来撩我咯,等你哟!

  SEO,关键词,网站,数据

  02

  的用法</p> <p>  <title>的用法在SEO行业中是非常简单的,眼过一遍就能记住。</p> <p>  SEO行业中<title>的用法规则</p> <p>  1.标题不超过 32 个字</p> <p>  2.最好分布3- 5 个关键词</p> <p>  3.按照关键词的权重从左往右,依次排布。</p> <p>  4.把商业价值高,有竞争力高的词排在前面</p> <p>  5.最后放自己的品牌词</p> <p>  6.间隔符号用逗号(,)、竖号(|)、减号(-)、下划线(_)</p> <p>  以上是传统SEO行业对<title>标签的用法的总结。然而巴郎想说:以上全错!土鸡瓦狗!不值一提!</p> <p>  传统SEO发展从2002(萌芽期)-2007(发展期)-2009(发展中期)-2012(调整期)-2015(完善期)-2016(魏则西事件,调整期)-2020(完全成熟期),经过这些阶段之后。</p> <p>  很多SEO的知识点已经过时了!这些过时的知识点过时的原因是因为本身的时效性与局限性。</p> <p>  我们做SEO的最终目的是为了做用户体验,为用户输送,传递有价值的信息,SEO的宗旨就是干这个的。</p> <p>  然而在我们优化的同时需要和搜索引擎相处,研究它的算法机制,排名机制。在这过程中,出现了黑帽SEO钻搜索引擎的漏洞和BUG。还有金主爸爸们投SEM竞价来做广告。</p> <p>  当然他们打破了SEO的宗旨,为了平衡搜索引擎的价值体系,搜索引擎频繁地更新算法,就是为了更好的保护白帽SEO的权益,意在打造一个公平的优化环境。那些被淘汰的SEO知识就是这样被搜索引擎算法以及时代淘汰的。</p> <p>  03</p> <p>  巴郎的建议</p> <p>  关于<title>的用法巴郎谈谈个人对它的理解。<title>中写用户需求的主题词即可,简练简洁,不需要写大多。不要太过拘泥于传统规则。</p> <p>  网站中,主页有主页的TDK,栏目页有栏目页的TDK,聚合页有聚合页的TDK,文章详情页有详情页的TDK。要保持每个页面TDK的唯一性。对每个栏目的<title>要区分开来写。</p> <p>  所以对<title>的书写,除了是对用户体验的提升以外,我们还需处理好网页与蜘蛛之间的关系。</p> <p>  巴郎小站举例说明</p> <p>  巴郎小站首页</p> <p>  T:<title>巴郎小站-做一个有趣的人

  巴郎SEO专题页

  T:巴郎SEO_ SEO基础学习,分享SEO教程,SEO工具,SEO算法,SEO百科

  SEO学习聚合页

  T:SEO学习_ 从SEO基础学起,掌握好SEO基础细节

  写法说明

  一般T的写法大体分为 3 类:1.传统型 2.营销型 3.个性型

  我们以SEO这个词举例

  传统型写法,就是那种呆板式、傻逼式的把关键词和业务词一窝蜂的堆上去然后加上品牌词。

  比如这样:网站SEO优化_百度快照_关键词排名_网络营销推广_某某网络外包

  这种写法把标题写这么长,看着舒服吗?再者,这个站长,估计是没学过正向倒排索引排序的知识,很多词都是重复的。

  巴郎改良:网站SEO关键词排名优化_某某网络外包.

  营销型写法,一般就是那种比较诱人,让你有点击欲望和冲动的标题。

  比如这样:SEO排名_不到首页不付款_网站新站整站排名 或者这种:站长工具-关键词排名-三天上首页-某某网

  这种写法因人而异,对于老司机而言,基本是没有诉求的,只是甲方看着有冲动,就会点击,这样写算是一种用户痛点写法,中规中矩。

  后面的那个大家不要信,明显就是快排玩黑帽上去吗,你什么技术这么牛逼,三天上首页,搜索引擎公司你家开的呀你说上去就上去啊,股票代码多少?告诉巴郎,巴郎马上就去买。

  个性写法:SEO每天一贴

  这种写法,很直白,很个性,简洁干练。我想站长圈子估计人人都认识它。

  以上给大家讲了三种写法,当然不是很全面,不必纠结。

  那么我们分析下巴郎小站的写法</p> <p>  首页说明</p> <p>  首页这样写属于一个个性型写法,自由性很强。</p> <p>  要点1.在书写的过程中要明确你的目的是什么,如果是打造IP。一定要有IP词,做营销,一定要有主营销词。</p> <p>  但千万别堆砌,重复与拖沓。这里巴郎是做IP,所以我挑选了巴郎小站这个词,这个词包含了巴郎,也包含了巴郎小站。所以都可以进行优化。</p> <p>  要点2.简洁干练非常重要,不要罗里吧嗦。这个站点主写SEO,与历史,音乐,个人成长记录。</p> <p>  但是在首页标题中,千万不能这么写,长不说,而且不好排名。所以定位一句话说清楚:做一个有趣的人。</p> <p>  要点3.确定好T以后,就不要轻易改动,不然很容易降权。以后会给大家讲,如果非要改标题,我们该怎么改后面再写给大家。</p> <p>  因为我之前在测试一些SEO知识点到底对不对,所以我改了两次,实践证明:标题真的不要乱改,改了被降权处理是很痛苦的。现在首页位置还在2,已经持续 8 个月了。</p> <p>  专题页说明</p> <p>  要点1.专题页的写法我用的是传统型写法,因为这个专题下的 5 个聚合页就是这标题缩写的聚合分类,属于中规中矩的写法。</p> <p>  当然可以改成这样:<title>巴郎SEO_实用的SEO学习教程,SEO问答,至于工具和算法可以不写进去。只要你规划的内容与巴郎SEO相关就

  可以了。

  其次就是可以将其他词写进里面,没必要全部写进中,只需要挑选一些比较重要的长尾词布局在<title>就行。之所以没改是因为这个页面已经被收录了,被收录的页面千万不要乱改。</p> <p>  要点2.如果你想优化业务词,就把业务词放第一位,等到以后客户多了,有名气了,形成品牌认知了,你可以在把品牌词放在第一位,对标题稍微做一些小小的修改,是没有任何关系的,不会降权,这一点,巴郎已经通过一些实践得到了验证。</p> <p>  要点3.专题页一般情况下<title>可以按照传统方式去写。这是最笨的写法,但请尽量简洁,不堆砌关键词即可。</p> <p>  聚合页说明</p> <p>  要点1.聚合页是关于一个主题的具体内容页面。该页面下的所有内容,都和这个页面的主题词有关。</p> <p>  书写标题时,只需要针对这个词布局它的长尾词就可以了。SEO学习肯定就包含SEO基础学习,SEO进阶学习,SEO初级入门,SEO入门学习,SEO系统学习等等这些长尾词。</p> <p>  所以你的标题应该从这些长尾词入手去写你的标题,而不是一窝蜂的像这样写:<title>SEO学习_ SEO基础学习,SEO初级入门,SEO系统学习,.... ,这种写法是最傻逼,最呆板的写法。

  要点2.布局一个长尾词在标题中,对以后的相关内容建设内链有帮助。比如以后,在文章中碰到像SEO学习,SEO基础,SEO基础学习等这样的锚文本时,我们就可以把这个锚文本指向SEO学习这个页面,提升聚合页的权重。

  要点3.简洁,简洁,简洁。

  关于的写法已经给大家讲述的很清楚了,重点在于实践去理解,看是看不会的。一定要自己动手去做。在做的过程中理解,你才能逐渐掌握。</p> <p>  最后的话</p> <p>  如今的搜索引擎已不同当年了,它更智能化,更高效化,更规范化,更成熟化。再用老方法必然是死路一条。我们围绕搜索引擎不变的东西来去做,跟着它的主旋律走,一定错不了。</p> <p>  标题的写法在网站SEO优化中一般是布局关键词,长尾词,竞争词,拓展词,覆盖词,内链着陆页建设等。</p> <p>  但在微信SEO,头条SEO,小红书SEO,淘宝SEO,APPSEO等等之中,标题的书写其实就是布局用户的需求,而不是布局关键词,用户的需求度是大于关键词的,这二者要分开看。</p> <p>  一个是狭义的<title>它是针对蜘蛛的,一个是广义的<title>,它是针对用户需求的。各行业终究万变不离其中,它们的原理是共通的。在实战中,这点一定要细心体会。</p> <p>  这就是<title>的秘密,需要你去探索!今天这篇SEO教程:巴郎详解HTML与SEO交集之<title>标签的秘密就给大家讲解到这。下期见!</p> <div class="t_time"> 本站文章均为<a href="/" title="美达网络" target="_blank">美达网络</a>摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,我们谢绝直接复制和抄袭!感谢... </div> <div class="t_fx"> <a class="fh" href="/">返回首页</a> <a class="next" href="/new/306.html" title="对HTML5一点都不了解,能学会HTML5吗?">上一篇:对HTML5一点都不了解,能学会HTML5吗?</a> <a href='javascript:;' title='没有了'>下一篇:没有了</a> </div> <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a><a href="#" class="bds_print" data-cmd="print" title="分享到打印"></a></div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"1","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </div> </div> <div class="con_list fr"> <div class="hots"> <h2>猜你喜欢</h2> <ul> <li> <a href="/new/1.html" target="_blank" title="线上营销线下消费 小程序开启流量争夺战" alt="线上营销线下消费 小程序开启流量争夺战"> <em>1</em>线上营销线下消费 小程序开启流量争夺战</a> </li> <li> <a href="/new/6.html" target="_blank" title="刷屏朋友圈的“跳一跳” 小程序究竟有多火热?" alt="刷屏朋友圈的“跳一跳” 小程序究竟有多火热?"> <em>2</em>刷屏朋友圈的“跳一跳” 小程序究竟有多火热?</a> </li> <li> <a href="/new/9.html" target="_blank" title="商家揭秘:让你剁手的19个“潜规则”" alt="商家揭秘:让你剁手的19个“潜规则”"> <em>3</em>商家揭秘:让你剁手的19个“潜规则”</a> </li> <li> <a href="/new/8.html" target="_blank" title="组合域名xagri.cn一口价6.8万元被秒" alt="组合域名xagri.cn一口价6.8万元被秒"> <em>4</em>组合域名xagri.cn一口价6.8万元被秒</a> </li> <li> <a href="/allnews/seo/284.html" target="_blank" title="找不到有效的SEO技巧?这里有四个很重要却被低估的优化策略" alt="找不到有效的SEO技巧?这里有四个很重要却被低估的优化策略"> <em>5</em>找不到有效的SEO技巧?这里有四个很重要却被低估的优化策略</a> </li> <li> <a href="/allnews/seo/292.html" target="_blank" title="教你这5招,快速掌握SEO基本技巧!" alt="教你这5招,快速掌握SEO基本技巧!"> <em>6</em>教你这5招,快速掌握SEO基本技巧!</a> </li> <li> <a href="/new/304.html" target="_blank" title="SEO教程:详解HTML与SEO交集之标签的妙用" alt="SEO教程:详解HTML与SEO交集之标签的妙用"> <em>7</em>SEO教程:详解HTML与SEO交集之标签的妙用</a> </li> <li> <a href="/new/298.html" target="_blank" title="风口上的HTML5,有前途,更有“钱”途!" alt="风口上的HTML5,有前途,更有“钱”途!"> <em>8</em>风口上的HTML5,有前途,更有“钱”途!</a> </li> <li> <a href="/new/299.html" target="_blank" title="隐藏在外卖、信息流、电商里的算法,到底有没有价值观?" alt="隐藏在外卖、信息流、电商里的算法,到底有没有价值观?"> <em>9</em>隐藏在外卖、信息流、电商里的算法,到底有没有价值观?</a> </li> <li> <a href="/new/305.html" target="_blank" title="为什么微信终于开始拥抱算法分发了?" alt="为什么微信终于开始拥抱算法分发了?"> <em>10</em>为什么微信终于开始拥抱算法分发了?</a> </li> </ul> </div> <div class="lianxi"> <h2>联络方式:</h2> <p>电话:131 1082 2486</p> <p>邮箱:396934381@qq.com</p> </div> <div class="erweima clearfix"> <div class="item"> <span>微信公众号</span> <img src="/mdawl/images/wx_news.png" width="90" height="90"> </div> <div class="item"> <span>新浪微博</span> <img src="/mdawl/images/weibo_news.png" width="90" height="90"> </div> <div class="item"> <span>扫描名片</span> <img src="/mdawl/images/mp_news.png" width="90" height="90"> </div> </div> </div> </div> </div> <div class="news_rec"> <div class="news_rec_wrap"> <div class="h"> 我们猜你喜欢 </div> <div class="news_rec_con"> <ul class="clearfix"> <li> <a href="/allnews/seo/292.html"> <div class="img"> <img src="/d/file/p/2020/10-02/small227740414319efd93c26c64ff4622810.jpg" alt="教你这5招,快速掌握SEO基本技巧!"> </div> <div class="con"> <h4>教你这5招,快速掌握SEO基本技巧!</h4> <p class="anless">作者:NeilPatel是NeilPatelDigital的联合创始人译者:Amber,仲志诚来源:互联网数据官(ID:internetcdo)自然搜索占据了公司网站约1/3的流量,而这比付费流量和社交媒体引流加起来还多!这个数据告诉我们,SEO永远都重要。如果你从事营销工作,或运营一个博客,或是经营自己的生意,知道SEO的基础知识是非常重要的...</p> </div> </a> </li> <li> <a href="/new/2.html"> <div class="img"> <img src="/d/file/p/2018/03-11/d4f93c4a63b20032a3ce2e3188ed4006.jpg" alt="响应式(自适应)网站的优点,缺点大PK"> </div> <div class="con"> <h4>响应式(自适应)网站的优点,缺点大PK</h4> <p class="anless">近年来,各种大屏幕移动设备的普及,响应式网站也受到了更多人的青睐。甚至大多数的人认为,响应式网站是实现友好移动目标,更好、更快、更省的方案。通俗的说,就是一个网站可以兼容...</p> </div> </a> </li> <li> <a href="/new/6.html"> <div class="img"> <img src="/d/file/p/2018/03-11/c25ddf6df3633f276a037048abd6484c.png" alt="刷屏朋友圈的“跳一跳” 小程序究竟有多火热?"> </div> <div class="con"> <h4>刷屏朋友圈的“跳一跳” 小程序究竟有多火热?</h4> <p class="anless">这两天想必大家在刷朋友圈时都看到了一款名为“跳一跳”的游戏,2017年12月28日,微信通过旗下多个公众号宣布上线“小游戏”,目前,iOS和安卓的用户,只需升级...</p> </div> </a> </li> <li> <a href="/allnews/seo/288.html"> <div class="img"> <img src="/d/file/p/2020/10-02/smallaf67d69c167c00306d8d23103b016b44.jpg" alt="要做好SEO?支招四个简单的技巧提升你的网站排名"> </div> <div class="con"> <h4>要做好SEO?支招四个简单的技巧提升你的网站排名</h4> <p class="anless">图片来源图虫:已授站长之家使用站长之家(ChinaZ.com)6月4日消息:SEO是线上品牌知名度、参与度以及可发现性的核心。为了让自己的业务在当今瞬息万变的数字时代中增长并具有竞争力,那么就需要从战略上考虑SEO。除了选择一...</p> </div> </a> </li> <li> <a href="/new/9.html"> <div class="img"> <img src="/d/file/p/2018/03-11/4f6ebe2e3b1ba32e2cba75ff00eadf79.jpg" alt="商家揭秘:让你剁手的19个“潜规则”"> </div> <div class="con"> <h4>商家揭秘:让你剁手的19个“潜规则”</h4> <p class="anless">很早之前就有一个说法,淘宝是女人的天下,京东是男人的天下,但目前崛起的很多电子商务网站,如聚美优品、蘑菇街、唯品会却更针对的是女性群体。有的人觉得女性购物好做,有的人觉得...</p> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="index_footer"> <div class="index_main clearfix"> <dl class="footer_fl"> <dt><a href="/web.html">网站建设</a></dt> <dd><a href="/web.html#qiye">集团企业官网</a></dd> <dd><a href="/web.html#pinpai">品牌网站策划</a></dd> <dd><a href="/web.html#yingxiao">营销网站设计</a></dd> <dd><a href="/web.html#waimao">外贸网站建设</a></dd> <dd><a href="/web.html#shop">商城网站定制</a></dd> <dd><a href="http://mda.pub">免费自助建站</a></dd> </dl> <dl class="footer_fl"> <dt><a href="/app.html">App开发</a></dt> <dd><a href="/app.html#page1">电商App开发</a></dd> <dd><a href="/app.html#page2">餐饮App开发</a></dd> <dd><a href="/app.html#page3">金融App开发</a></dd> <dd><a href="/app.html#page4">医疗App开发</a></dd> <dd><a href="/app.html#page8">社交App开发</a></dd> </dl> <dl class="footer_fl"> <dt><a href="/Case/">案例作品</a></dt> <dd><a href="/Case/website/">品牌网站建设</a></dd> <dd><a href="/Case/Appstore/">App开发作品</a></dd> <dd><a href="/Case/wechat/">微信小程序</a></dd> <dd><a href="/Case/Marketing/">营销型网站</a></dd> </dl> <dl class="footer_fl"> <dt><a href="/allnews/">新闻资讯</a></dt> <dd><a href="/allnews/classroom/">学习课堂</a></dd> <dd><a href="/allnews/news/">公司动态 </a></dd> <dd><a href="/allnews/seo/">SEO优化</a></dd> <dd><a href="/allnews/info/">互联网风向</a></dd> </dl> <dl class="footer_fl"> <dt><a href="/about.html">我们是谁</a></dt> <dd><a href="/about_wenhua.html">企业文化</a></dd> <dd><a href="/about_fuwu.html">服务承诺</a></dd> <dd><a href="/about_faq.html">常见问答</a></dd> <dd><a href="/about_job.html">招贤礼才</a></dd> <dd><a href="/about_pay.html">付款资料</a></dd> </dl> <dl class="footer_fr"> <p>手机访问</p> <img src="/qr/api.php?url=http://www.mda.net.cn&p=4.5&m=2" alt="手机访问"> </dl> </div> <div class="footer_link hidden-xs"> 美达网络,是一家互联网全渠道解决方案服务商,是一家专注于域名注册,服务器租用,小程序开发,网站设计,网站制作,app定制,微信小程序定制,微信公众号二次开发,微商城,微信分销系统等开发的技术型公司,Since2006年,公司一直坚持从事互联网技术开发和服务,在手机网站制作,网络营销策划,营销型网站建设、珠海网站制作等技术领域有扎实的技术功底,已经成功服务过近3000家企业,遍及101个行业和领域,其中包括一些大型的集团或上市公司,对营销型网站SEO和营销网站建设尤其经验丰富,利用PC和手机端接口,融合我们12年的服务客户经验,相信能更好的,更加优质的为您服务! </div> <div class="Copyright"> <span> ©2020 All Rights 美达网络科技版权所有 <a href="http://www.miibeian.gov.cn" target="_blank" >备案号</a> <a target="_blank" href="/beian.html" title="网站建设备案">备案须知</a> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?51ac06f892821dc48907218f1b8b0dff"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </span> </div> </div> <!-- 浮动客服 --> <div class="auto clearfix"> <ul class="suspension"> <li class="default-transition suspension-tel"> <span class="pop-tel hide-text" title="">客服热线</span> <div class="connect-us pop-detail"> <ul> <li> <a class="service-phone"> <span class="info-name">客服热线</span> <span class="info-value">13110822486</span> </a> </li> <li> <a class="service-online" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=396934381&site=qq&menu=yes"> <span class="info-name">技术总监</span> <span class="info-value">396934381</span> </a> </li> <li> <a class="service-online" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=396934381&site=qq&menu=yes"> <span class="info-name">客服经理</span> <span class="info-value">396934381</span> </a> </li> </ul> <span class="tel-corner-back"></span> <span class="tel-corner"></span> </div> </li> <li class="default-transition suspension-qrcode"> <span class="pop-qrcode hide-text">关注微信公众号</span> <div class="qrcode pop-detail"><img src="/mdawl/images/wx_img.jpg" alt="美达网络微信公众号"></div> </li> <li class="default-transition"> <span class="to-top" id="toTop" title="返回顶部" style="display: block;"></span> </li> </ul> </div> <script src="/mdawl/js/public.min.js"></script> </div> <script type="text/javascript"> $(".inside_con img").each(function(){ $(this).parent().css("text-indent", "0"); }); </script> <script src="/e/data/js/ajax.js"></script> </body> </html>