网页制作,图片链接是用标签还是CSS样式设置背景图

原创 新起点博客  2018-03-28 09:59 
【上云必备】上云仅?102/年

在网页制作中有关于图片显示方式的问题,大家有的时候一定很纠结吧,到底是用什么呢?从搜索引擎优化(SEO)的角度我简单回复下,河南SEO希望对web前端初学者有所帮助。

网页制作,图片链接是用<img>标签还是CSS样式设置背景图

两个一模一样的网页,可以通过多种html标签及CSS排版布局出来,不同的coder有不同的code。

但是,多数web前端初学者的目的仅仅是把PSD设计稿重现出来,而忽视重现过程中代码的构成。主要体现在代码中一大堆的div,看不到该有的<h1>、<h2>、<h3>、<strong>等语义化标签。

标签语义化是写给“百度蜘蛛”等搜索引擎机器看的,这很大程度上决定了网站的质量!我们重新回到刚才这位网友提的关于图片显示方式的问题上来。

前端页面中,用css设置成背景还是直接用<img>标签显示图片,这取决于图片在网站中所占的重要性。

什么是图片的重要性?

想让搜索引擎收录的图片就代表它很重要!而搜索引擎收录图片最起码的标准就是图片要存在,不能通过JS操作DOM插入图片的方式(例如:JS图片懒加载)。

<img src="img.jpg" alt="描述">

如果图片很重要,那么用上面的代码取代下面的代码

<div class="bg">loading...</div>

.bg{background:url(img.jpg) no-repeat;}

总结:从SEO角度来说,一些无关紧要的图片可以通过CSS设置为背景图形式,而文章配图等用<img src="">来展示。SEO是一门大学问,学好它对自身的提高有益!

本文地址:https://www.henenseo.com/archives/385
关注我们:请关注一下我们的微信公众号:扫描二维码新起点博客的公众号,公众号:xinqidian129
版权声明:本文为原创文章,版权归 新起点博客 所有,欢迎分享本文,转载请保留出处!
宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取
【腾讯云】海外1核2G服务器低至2折,半价续费券限量免费领取!

发表评论


表情