做有价值的网站,助力企业发展!

专注于企业网站建设、营销型网站建设、Web/微网站建设、企业营销推广

百度地图|网站地图|RSS地图

服务热线:

0371-55180025

当前位置:伟之琦建站 > 新闻中心 >> 网站优化 >>

网页使用图片设计,如何进行SEO网页优化?

郑州建站公司伟之琦发现有时为了顾及页面美观,大多数网页设计师会选择直接使用图片进行排版,但是使用图片最重要的问题,就是无法让搜索引擎搜到对应的内容,所以通常使用 标签,使用 的时候,请务必将内容都放在 alt 属性中才行,但如果背景图片设计呢?应该如何SEO网页优化?

使用图片背景设计如何SEO网页优化一、连结标签

连结标签 使用 background-image 设定背景时,还可以打 alt 属性吗?当然是不行! alt 属性属于 标签所用,在这个时候就要改用 title 属性来取代。

使用图片背景设计如何SEO网页优化二、分区标签

分区标签
使用 background-image 设定背景时,可以用 title 属性来取代,但是,通常使用
来放置背景图片,表示你的内容是非常多的,如果一堆文字在 title 属性上,结果鼠标移上去时就会显示一大串文字提示,甚至没有排版。
解决办法:文字内容照样打在
之间,然后
加上 CSS 样式  text-indent: -9999px;  就可以把文字排到九霄云外去啦!还可以针对内容加上

...等标题标签 与 来引导搜索引擎抓取重点文字,不仅页面美观又能强化 SEO网页优化,这样是不是很不错呢!

使用图片背景设计如何SEO网页优化三、其他办法

例如:使用 display: none; 或 visibility:hidden;的   标签包住文字,同样也可以做到隐藏文字,这个方法确实有用,但是容易被搜索引擎认为作弊,反而可能会遭到处罚;当然 text-indent: -9999px; 也是属于作弊方法,这个方法使用多年至今搜索引擎还是无法判定作弊;如果还是有疑虑,举例如下:

div {
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}

这个方法是基于 text-indent 再加上溢出隐藏,这样的好处可以让浏览器描绘时,不再产生 9999px 的区块,进而改善网页展示效能! 

原创声明:本站文章未经许可请勿擅自转载,如需转载请注明出处<郑州网络公司>

分享到:

案例展示

    • 在线咨询
    • 业务咨询:
    • 售后服务:
    • 技术支持:
    • 电话咨询
    • 037155180025
    • 13383867325