探讨SEO与前端：使用display:none对seo的影响

又到了利用碎片学习的时间了，我们来探讨一个困扰很多seo和前端开发人员的小案例：使用display:none对seo的影响。

前端开发工程师在制作html的页面过程中，有时候为了达到 SEO 与界面美观，不得不采用一些隐藏文本的办法。不仅是网易、腾讯等大型门户网站如此，小网站在网站 LOGO 上采用文本背景、文本缩进等方式的也屡见不鲜。

采用 display:none 的做法唯一的一个弊端就是代码所隐藏的文字很有可能会被引擎误以为的垃圾信息，从而忽略其内容。在这个说法的前提下，display:none 仅仅作为达到界面样式的作用，而失去了 SEO 的作用。

如果说因 display:none 样式导致网站被 K ，有点说不过去了。除非是网站中大量的站外链接都设置 display:none 样式，这种情况下会被认为是黑链。

display:none有所不足就肯定要想办法解决，针对 SEO 最佳隐藏文本的办法是：

1.使用 .seowhy{display: block;height: 0;width: 0;overflow: hidden;}

2.其次还可以使用 visibility:hidden; 样式，但是它会占据一定的文本流空间。

前端伙伴们可以根据自己的项目需求做出选择！好啦，碎片时间不宜长篇大论，小小的案例就到此结束啦，是不是又get到新技能啦！

前端爱好者们约定，阅读后：

if（‘觉得有用’）

｛

分享到朋友圈（‘I get it！’）;

｝

else if（‘已了解’）

｛

分享到朋友圈（‘a piece of cake！’）;

｝

else if('看不懂')

{

回复小编（'help me!'）;

}

探讨SEO与前端：使用display:none对seo的影响相关推荐

谈谈以前端的角度出发做好seo需要做什么？
对SEO优化的方法有哪些? SEO(Search Engine Optimization),搜索引擎优化,是指为了增加网页在搜索引擎中自然搜索结果中的收录数量以及提升排序位置而做的优化行为. SEO优 ...
seo每日一贴_白杨SEO：我看ZAC的外贸SEO应该怎样做？（策略篇）
前言:这是白杨SEO公众号更新第64篇.本该写写头条SEO啥的,最近在师徒培训讲站内SEO时有旁听同学提到后面讲讲谷歌SEO怎么样,因为谷歌全世界搜索市场占有率,所以外贸SEO最主要还是做谷歌SEO. ...
SEO的初学者教学，搞懂SEO搜寻引擎优化，让你网站订单接不完
SEO的初学者教学,搞懂SEO搜寻引擎优化,让你网站订单接不完 SEO包含多种的专业与技术在内,但是如果你需要一个专业的SEO公司为你优化你的网站排序,其实经过学习你也可以成为SEO专家,至少可以知道 ...
seo具体是怎么操作的（seo网站优化如何做）
如何做SEO?如何从头开始? 事实上,SEO已经成为大多数网站的标准配置.如果你想做好SEO,离不开对搜索引擎算法的研究,针对这个问题,我们可以给您提供一些专业的意见因为现在整个国内搜索市场是由百度 ...
抖音账号矩阵系统/抖音seo霸屏系统/抖音矩阵seo系统源码/独立部署
抖音账号矩阵系统/抖音seo霸屏系统/抖音矩阵seo系统源码/独立部署,技术团队如何围绕抖音矩阵关键词霸屏来做开发?来做到抖音seo优化达到账号排名效果,关键词起到至关重要的作用,依托于抖音平台的正规 ...
SEO没有未来了？浅谈SEO的职业规划道路！
当我们做SEO入门之后,会发现自己遇到了第一个瓶颈,也是所有SEO都会遇到的瓶颈,这关系到你是否能坚持下去.因为,当我们做好一些基础优化之后,就成了日复一日的更新文章.发外链了,这似乎成为了SEO的常 ...
杭州SEO大熊：百度分享插件的SEO研究心得
杭州SEO大熊:百度分享插件的SEO研究心得百度分享插件对seo网站优化有影响吗? 至少目前看来基本没有什么影响,不过百度既然推出它并且显示在搜索结果页面里以大拇指图标推荐形式呈现给大家必然不是一 ...
python对seo有什么用_现在做seo会运用到python吗
python将用于现在seo吗?问题:python将用于现在seo吗?答:不可否认,python是一种非常强大的语言,和相对不是特别困难.也有利于网站优化,如打开一个脚本查询网站夹杂物和分析网站日志. ...
SEO:提高关键词排名的28个SEO技巧
28个让关键词排名明显改观的SEO技巧: 关键词位置.密度.处理 URL中出现关键词(英文) 网页标题中出现关键词(1-3个) 关键词标签中出现关键词(1-3个) 描述标签中出现关键词(主关键词重复2 ...

探讨SEO与前端：使用display:none对seo的影响

探讨SEO与前端：使用display:none对seo的影响相关推荐

最新文章

热门文章