seo搜索引擎优化优与略(logo图片做背景图片,做谁的背景图呢?(图))

优采云 发布时间: 2021-09-07 16:03

  seo搜索引擎优化优与略(logo图片做背景图片,做谁的背景图呢?(图))

  今天我们来写一些关于前端的东西。我们都知道搜索引擎会使用一些网络爬虫来跟踪网页中的链接和内容,并通过对爬取文件的分析将它们写入数据库。当用户输入关键字搜索时,它会通过与数据库中的信息进行比较来显示相应的网站。换句话说,搜索和勤奋决定了你的网站 排名。这对网站的推广和宣传起到了至关重要的作用。所以搜索引擎的优化也是极其重要的,比如URL重写等,所以今天我说的只是前端界面的一个小技巧。

  搜索引擎识别文本,而不是图片。但是有很多地方我们必须用图片来达到审美。所以,今天,让我们谈谈一种兼顾两者的方法。以网站的logo为例。

  

  可以明显看出Logo是一个完美的小图片,但是在代码中,我们用文字代替了。如下:

  

  在这种情况下,搜索引擎可以搜索到我们的文字,但我们不想显示文字,我们希望显示图片。那么让logo图片作为背景图片,应该是谁的背景图片呢?格?试试吧

  

  

  可以看到logo图标由于Padding而偏离了页面中心。因此,我们不得不改变方案,使用图标作为 a 标记的背景。但是我们不想显示文本,所以我们将 text-indent 设置为 -999em,这意味着文本不会出现在我们的界面中。当然,这只是一种方式。我们看代码和效果

  

  

  这种情况下,图片显示出来,文字还在,效果就达到了。我们来看看其他大网站是怎么做的。比如搜狐官网

  

  可以看出他是用行高来做的,也就是他把行高调到了很高的水平,因为在行高里面,文字会自动居中。当行高很高时,文本将居中。文本被隐藏。我们来看看他的背景。

  

  发现是一片空白,说明他们的做法和我们的一样。我们可以在很多地方做到这一点,而不仅仅是 Logo。希望能帮到你

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线