SEO目录背景图如何设计？大神教你快速提升点击率！

大家今天来跟大家唠唠嗑，分享一下我最近折腾的“SEO目录背景图”那点事儿。

事情是这样的，前阵子我不是一直在琢磨着怎么让我的网站在搜索引擎里头更靠前嘛毕竟“酒香也怕巷子深”，网站内容再没人来看也是白搭。这就是所谓的SEO，说白就是让搜索引擎更容易“看上”你的网站。

然后我就开始各种学习，看各种教程、帖子，还真发现不少门道。其中有一个点子我觉得挺有意思，就是给网站的目录页加上背景图。

一开始我也没想那么多，就觉得好看就完事。但后来一琢磨，这事儿好像没那么简单。你想，搜索引擎它又不是人，它哪懂什么好看不好看，它看的是代码！这背景图怎么加，加在哪里，就成关键。

第一步： 准备背景图

我先去网上扒拉一堆图片，各种风格都有。 但我没有直接就用，我按照网站里面栏目类型进行整理和分类，并且我还用工具把那些图片都给“瘦身”一下，免得图片太大，打开网页的时候慢吞吞的，影响用户体验。

第二步： 琢磨放哪儿

接着我就开始琢磨这图到底应该放哪儿。我一开始想直接放到body标签里头，但后来发现这样不行，因为这样每个页面都有背景图，乱糟糟的。后来我想到一个办法，就是给每个目录页单独设置一个div，然后把背景图放到这个div里头。

具体的做法，就是在每个目录页的HTML代码里头，找到那个表示目录的区域，一般都是用一个div或者ul之类的标签包起来的。然后，在这个标签里头，再加一个div，专门用来放背景图。

第三步：写CSS

接下来就是写CSS。我给新加的那个div设置一个类名，然后在CSS文件里头，给这个类名加上背景图的属性。主要就是用到background-image这个属性，然后把图片的路径写进去就行。

为让背景图显示得更好看，我还调整一下背景图的大小、位置什么的。反正就是各种折腾，直到我觉得效果满意为止。

上传到网站空间， 我把修改后的代码保存然后上传到服务器。刷新一下页面，效果还真不错！每个目录页都有自己独特的背景图，而且看起来还挺和谐的。

做完这些，我心里还有点小得意。不过这只是第一步，后续还要看效果，看看搜索引擎是不是真的更“喜欢”我的网站。这事儿急不得，得慢慢观察，慢慢调整。

今天的分享就到这里。希望对大家有所启发，如果你们有什么更好的想法，也欢迎留言交流！