郑州建站公司伟之琦发现有时为了顾及页面美观,大多数网页设计师会选择直接使用图片进行排版,但是使用图片最重要的问题,就是无法让搜索引擎搜到对应的内容,所以通常使用
标签,使用
的时候,请务必将内容都放在 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 的区块,进而改善网页展示效能!