郑州建站公司伟之琦发现有时为了顾及页面美观,大多数网页设计师会选择直接使用图片进行排版,但是使用图片最重要的问题,就是无法让搜索引擎搜到对应的内容,所以通常使用 标签,使用
的时候,请务必将内容都放在 alt 属性中才行,但如果背景图片设计呢?应该如何SEO网页优化?
使用图片背景设计如何SEO网页优化一、连结标签
连结标签 使用 background-image 设定背景时,还可以打 alt 属性吗?当然是不行! alt 属性属于使用图片背景设计如何SEO网页优化二、分区标签
分区标签 使用 background-image 设定背景时,可以用 title 属性来取代,但是,通常使用
来放置背景图片,表示你的内容是非常多的,如果一堆文字在 title 属性上,结果鼠标移上去时就会显示一大串文字提示,甚至没有排版。
解决办法:文字内容照样打在 之间,然后将
解决办法:文字内容照样打在 之间,然后将
加上 CSS 样式 text-indent: -9999px; 就可以把文字排到九霄云外去啦!还可以针对内容加上
抓取重点文字,不仅页面美观又能强化 SEO网页优化,这样是不是很不错呢!
...等标题标签 与 来引导搜索引擎
抓取重点文字,不仅页面美观又能强化 SEO网页优化,这样是不是很不错呢!
使用图片背景设计如何SEO网页优化三、其他办法
例如:使用 display: none; 或 visibility:hidden;的 标签包住文字,同样也可以做到隐藏文字,这个方法确实有用,但是容易被搜索引擎认为作弊,反而可能会遭到处罚;当然 text-indent: -9999px; 也是属于作弊方法,这个方法使用多年至今搜索引擎还是无法判定作弊;如果还是有疑虑,举例如下:div { text-indent: 100%; white-space: nowrap; overflow: hidden; }
这个方法是基于 text-indent 再加上溢出隐藏,这样的好处可以让浏览器描绘时,不再产生 9999px 的区块,进而改善网页展示效能!