网站的LOGO是网站的灵魂,我们可以从谷歌和百度经常更新自己设计的独到的LOGO可以看到。但我们大多数站长来说,LOGO可能是不会经常换的,但问题是,众多搜索引擎对于图片的理解能力相对较差,而对链

网站的LOGO是网站的灵魂,我们可以从谷歌和百度经常更新自己设计的独到的LOGO可以看到。但我们大多数站长来说,LOGO可能是不会经常换的,但问题是,众多搜索引擎对于图片的理解能力相对较差,而对链接或者说锚文本的认识却比较独到。那么,我们是否可以利用链接来替换图片呢?
或许,你认为不可能,但事实并非如此。利用DIV+CSS,我们可以轻松的实现这个预想。
首先,一个正常的LOGO位置我们会怎么写呢?
这样写是正常的,但问题是百度等搜索引擎对于图片的理解能力有限,即便我们加上了alt标签,但百度还是很可能不认这个。seo优化技巧是为了要让网站更容易被搜索引擎接受。搜索引擎会将网站彼此间的内容做一些相关性的资料比对,然后再由浏览器将这些内容以最快速且接近最完整的方式,呈现给搜索者。由于不少研究发现,搜索引擎的用户往往只会留意搜索结果最开始的几项条目,所以不少商业网站都希望透过各种形式来干扰搜索引擎的排序。为什么我们要将这么重要的位置让给一个图片呢?
№度和高度的控制这个不必详细说明,说一下几个重要的部分:
1:text-indent:-10000px; 这段代码是说,文本缩进负一万像素,也就是说,跑到云霄之外了。
网站推广利用数字化的信息和网络媒体的交互性来辅助营销目标实现的一种新型的市场营销方式。简单的说,网站推广就是以互联网为主要手段进行的,为达到一定营销目的的推广活动。网站推广指将网站推广到国内各大知名网站和搜索引擎,以获取好的排名来提高网站的访问量和知名度。网站推广包括竞价推广比如百度竞价、谷歌竞价。另外一种以搜索引擎标准提高排名。因此,文字会看不见的。这种隐藏文字的方法是目前为止我遇到的一种最好的方法,毫不夸张的说,没人教我这招儿,是我自己研究出来的。但在我看了CSS禅意花园这本书之后知道,一名叫做rundle的国外设计师最早使用这种文字隐藏的方法。
2:background:url no-repeat;这段代码是使用背景图片,也就是我们设计的LOGO。
网站SEO包含站外SEO和站内SEO两方面;SEO是指为了从搜索引擎中获得更多的免费流量,从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划,使网站更适合搜索引擎的索引原则的行为;使网站更适合搜索引擎的索引原则又被称为对搜索引擎优化,对搜索引擎优化不仅能够提高SEO的效果,还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力。如果说前面的是隐藏,这里就是替换,那么综合来说,这就是“图像替换文本”的一个小小的CSS技巧。
当然,思维开阔的人还会有其他不同的方法,譬如:如下代码:
#logo { width:170px; height:88px; background:url no-repeat;}
#logo a { display:none;}
这代代码比我提供的代码更为简洁,不是吗?问题是,百度或者其他搜索引擎如果抓取CSS的话,很可能认为你这是作弊。不过更多的SEOER认为搜索引擎是不读取CSS的。所以,这个我就不得而知了。
但,问题并没有结束,因为,如果没有A呢?也就是说,我们不加链接,貌似就只有我上面的解决方法了。seo优化技巧是为了要让网站更容易被搜索引擎接受。搜索引擎会将网站彼此间的内容做一些相关性的资料比对,然后再由浏览器将这些内容以最快速且接近最完整的方式,呈现给搜索者。由于不少研究发现,搜索引擎的用户往往只会留意搜索结果最开始的几项条目,所以不少商业网站都希望透过各种形式来干扰搜索引擎的排序。
当然,还有其他的,如字体是0,这样的设计是我认为不可取的,因为这样字不是不会显示,而是会显得特别的小。大家可以试验一下。
对了,在每个文章的每段前面都加两个全角的空格,用来表示断行的意思。我认为这个不妥。因为这个无疑增加了网页的大小。使用 text-indent:2em;即可实现这个效果。站长站就是这样做的。
这些代码的用处并非是只有这些,给大家展示一个我客户的网站: 这个网站的代码和展示效果将会让你吃惊!如果你的浏览器禁用CSS,我相信,这个网页依然能够清晰的给你这个网站的构架和想要表达的内容。