WordPress技巧：在SEO面前砍掉多余内容

* WordPress / # , , , / 转播到腾讯微博 2008年10月05日 / 55条评论 / 992 次浏览

感觉又是一篇标题党入党申请书的范文，呵呵~

直接进入正题，童鞋（好像你们不喜欢看到童鞋这个词，如果是的话我可以改口）喜欢在侧边栏显示最新文章、最新评论、饭否最新动态以及其他的信息，但是如果显示的内容太多又会导致页面不美观，直接砍掉多余的内容吧，可能会不好看，再者影响SEO。有没有……有，当然有。今天NetPuter就给大家介绍下如何在SEO面前砍掉多余内容。（感觉今天的这个情景预设的不好T^T）

先让我看看效果吧

  • 这个是没有砍掉前的效果，多余的内容很多。
  • 我砍！页面整齐了吧，一行就是一行，你敢跨？我就砍！

如何在SEO面前砍掉多余内容

CSS，又是CSS。代码如下：

1
2
3
4
5
6
7

<style type="text/css">
#sidebar {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
</style>

这里简单解释下这3个CSS参数是什么：

  1. overflow:hidden：不显示超过对象尺寸的内容
  2. text-overflow:ellipsis：当对象内文本溢出时显示省略标记“...”
  3. white-space:nowrap：强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。

具体大家可以参考CSS中文手册，遇到不熟的属性都可以参考下。

然后呢，把上面的CSS代码添加到主题目录下的style.css中相关位置就可以啦。

PS1：最近还是在整蛊WordPress主题，好折腾别人的主题却又达不到自己想要的效果，自己要做一个又没有灵感，哎~
PS2：感觉又写得很糟糕，哎~
PS3：原本显示在首页的Links我已经搬到了这里，和“传统”的Links页面不一样哦，另外需要申请Links的童鞋也可以到这里留言申请。

围观评论 或者直接发表评论
Notify
任平生 发表于 2008-10-05 23:34

分享收藏图片的 boder!=0 ！ 有个蓝框框 难看死了

Notify
任平生 发表于 2008-10-05 23:37

这个css 技巧还是很有用的，呵呵~~

Notify
NetPuter 发表于 2008-10-05 23:38

@任平生, 不会吧,我已经定义好了的说诶~今天又没有时间弄了,小任您忍着点..><..

Notify
NetPuter 发表于 2008-10-05 23:38

@任平生, 我说,你的沙发怎么抢的?那么快!

Notify
leafduo 发表于 2008-10-05 23:46

Firefox 不支持 text-overflow:ellipsis

Notify
Poshi 发表于 2008-10-06 04:48

跑下面去了侧栏在IE6下

Notify
qiang 发表于 2008-10-06 08:36

FF不支持ellipsis，看看这个
http://www.aoao.org.cn/blog/2008/07/firefox-text-overflow-ellipsis/

Notify
linker 发表于 2008-10-06 09:49

呵，以前在zblog中也用过几下子，效果很不错！

Notify
做啥网 发表于 2008-10-06 11:45

学习了

Notify
Yacca 发表于 2008-10-06 15:48

好像我那里一直是强制断行滴

Notify
张英俊 发表于 2008-10-06 17:46

se会爬css，但是不会对其内容进行索引的，作者纯属扯淡

Notify
漫步 发表于 2008-10-06 20:43

很会玩嘛, 其实应该精简的不是你说的那些哦...

Notify
贝壳 发表于 2008-10-07 10:52

还不错的技巧~

Notify
shamas 发表于 2008-10-07 11:52

确实标题档，这个与SEO有什么关系呢，CSS我倒是没怎么定义，我一般用字数限制

Notify
LD 发表于 2008-10-07 16:12

我看Css的书，都昏头了

Notify
漫步 发表于 2008-10-07 17:48

@LD, 多实践一下就行了啦....

Notify
tunpishuang 发表于 2008-10-07 18:46

puter兄，太强了，css都被你玩转了。

Notify
NetPuter 发表于 2008-10-08 12:57

@leafduo, 谢谢你的猛料!我有空去研究下~

Notify
NetPuter 发表于 2008-10-08 12:58

@Poshi, 又跑!我汗..刚修改完又忘记测试IE6了..

Notify
NetPuter 发表于 2008-10-08 12:58

@qiang, 谢谢你提供的文章,很有用处哦!

Notify
NetPuter 发表于 2008-10-08 12:59

@linker, 的确,这样子真的美观不少~

Notify
NetPuter 发表于 2008-10-08 12:59

@做啥网, 互相学习吧^^

Notify
NetPuter 发表于 2008-10-08 13:06

@Yacca, 强制断行会不会出现中文字符断得不好吖..

Notify
NetPuter 发表于 2008-10-08 13:07

@张英俊, 呃,其实也不是很懂SEO,感觉应该是爬内容,内容全比较好..

Notify
NetPuter 发表于 2008-10-08 13:07

@漫步, 哦?!那是什么?

Notify
NetPuter 发表于 2008-10-08 13:08

@贝壳, 呵呵,其实这个技巧在网页设计中已经用了很多了~

Notify
NetPuter 发表于 2008-10-08 13:08

@shamas, 字数限制也是一个不错的解决方案~但是一换主题又要重新设置字数了..

Notify
NetPuter 发表于 2008-10-08 13:09

@LD, 没错,漫步说的对,CSS就是靠实践而来的~

Notify
NetPuter 发表于 2008-10-08 13:09

@tunpishuang, 汗,不敢不敢..充其量就2个CSS技巧,目前..如果你有心的话,Google一下会有更多的~

Notify
Yacca 发表于 2008-10-08 13:26

@NetPuter, 无法避免.

Notify
NetPuter 发表于 2008-10-08 16:16

@Yacca, 所以说我比较推荐用CSS这种方法~

Notify
nobug 发表于 2008-10-09 20:34

很实用的技巧，之前想搜索但一直懒得找，现在直接用现成的：）

Notify
醉倚西风 发表于 2008-10-09 20:59

我研究了一阵子CSS 改学c++了

Notify
Shawn 发表于 2008-10-09 23:53

ellipsis 只有IE才支持，opera 有个扩展方式可以，但是其它的就不行了。

这个确实和 SEO 没关系，css 的外部样式不会影响搜索引擎的抓取结果。

Notify
茶乐博客 发表于 2008-10-10 00:12

看起来你对CSS了解很不错哦？

Notify
茶乐博客 发表于 2008-10-10 00:12

还研究了哪些东西？

Notify
NetPuter 发表于 2008-10-10 12:35

@nobug, 呵呵,好就拿去用吧,不过还是需要很多修改的地方..

Notify
NetPuter 发表于 2008-10-10 12:35

@醉倚西风, 汗,貌似CSS和C++除了姓一样就没别的多大联系了..

Notify
NetPuter 发表于 2008-10-10 12:36

@Shawn, CSS的样式不影响SEO的话,就达到我所期望的结果啦!在页面上显示的是一部分内容,但是实际上在代码中是完整的内容~

Notify
NetPuter 发表于 2008-10-10 12:37

@茶乐博客, 只有一点点而已啦,算不上什么的..

Notify
醉倚西风 发表于 2008-10-10 12:37

@NetPuter, 是啊 我想学编程

Notify
NetPuter 发表于 2008-10-10 12:37

@茶乐博客, 这个嘛,我会慢慢地把研究的东西发出来滴~

Notify
NetPuter 发表于 2008-10-10 12:39

@醉倚西风, 不错不错,有这个想法很好,努力吧^^

Notify
siuloong 发表于 2008-10-17 11:35

想改，但不会改。我用yo2,找到了style.ccs.但你的“主题目录下的style.css中相关位置”我却不知道是哪儿：（

Notify
NetPuter 发表于 2008-10-17 12:37

@siuloong, Yo2可能非常不方便.你说的“主题目录下的style.css中相关位置”不懂,我再说一次,说的是把修改后的PageNavi的样式复制到style.css文件中..

Notify
daniel 发表于 2008-10-19 14:44

妈呀 、、、 楼好高 。。 我头晕

Notify
NetPuter 发表于 2008-10-20 12:29

@daniel, 嘿嘿,多看几次就不晕了~

Notify
daniel 发表于 2008-10-21 11:42

@NetPuter, 好 、、希望不会得恐高症 哈哈哈 、、

Notify
冰水 发表于 2008-11-12 22:39

@Yacca, 又见到你了

Notify
danielx 发表于 2008-12-02 19:02

再加一层，文章很实用呀~