♦

[SEO] 影响SEO的细节(转)

2007年05月28日  

1、将css与javascript全部用下边的方法分离到外部文件中去,让html代码最大可能的只是用来显示实际内容。

2、采用xhtml代码编写页面，抛弃传统Table布局模式，去掉页面中的例如font/bgcolor等格式化控制标签。用符合web标准的代码来制作页面。这样能够让xhtml代码结构化、语义化。提高页面代码的可读性。

3、采用了上边的方法你会发现你的html代码会变得非常小，当然如果可以的话。让它变得更小。太大的页面会影响搜索引擎的处理速度。一般通过xhtml+css设计的网页，html代码应该可以控制在50K以内。大家可以去看一下用web标准重构得比较好的网站。

4、用好图片的alt标签，合理的使用页面关键字去描述图片，这样能增加页面的关键字密度。

5、尽可能少地使用javascript来做与内容相关的事情，例如用document.write去显示正文。这样会影响搜索引擎对页面内容的搜索。

6、千万不要用javascript来实现你网站的导航。那样会让搜索引擎迷失方向。

7、每个页面的关键字尽可能出现在页面的标题，也就是头部的Title标签中。当然，要合理应用，不要太长，更别用大量与页面内容无关的网络热门关键字。因为那就不是优化而是在作弊。

8、尽量在每个页面代码中合理使用

等标签并让你的关键字出现在

标签中，让页面的文档结构更清晰。

我是做网页制作的，所以SEO的诸多专业技术及算法我都不是非常了解。如果您想了解更多关于这方法的知识，建议您访问一些国内知名的SEO优化类的网站，比如点石互动等。在那里你能查阅到很多关于“反向链接”、“页面PR值”等专业知识。这里只是将我在页面制作的过程中涉及到的一些细节问题拿出来和大家探讨一下。由此也可以说明为什么基于web标准设计的网站会更有利于SEO了。

如果您不打算花钱去请专业的SEOer来为您的网站做优化，那么可以让页面制作人员在制作上注意一些细节。相信这样免费的一些细节也能达到一个比较好的效果。

0个评论  标签:   

来和我一起彻底弄清楚盒子模式吧(margin,padding,div)

2007年05月28日  

css盒子模式。要向w3c标准靠拢，这个是必须要掌握的。
目前我对margin 和 padding 以及 div 的定位 甚是模糊。
发现这篇文章，觉得适合自己，也推荐给大家。
和我一起彻底弄懂CSS盒子模式吧~~
1.彻底弄懂CSS盒子模式一
2.彻底弄懂CSS盒子模式二(导航栏实例)
3.彻底弄懂CSS盒子模式三(浮动的表演和清除的自述)
4.彻底弄懂CSS盒子模式四(绝对定位和相对定位)
5.彻底弄懂CSS盒子模式五(定位强化练习)

0个评论  标签:   

[彩蛋]搜狗拼音的火星文

2007年05月28日  

搜狗输入法是近期比较火的软件，本人使用后，发现其比起智能abc，输入字更快些，而且。。我发现了一个小彩蛋，不知道火星不火星

就是在输入字的时候按键盘上面的 【~】或【`】这个键，就会有特殊的效果哦

0个评论  标签:   

一个很不错的图片淡入淡出效果

2006年10月25日  

鼠标移动一下，就会显示图片了。淡入淡出效果。不错哦 ->

  1. <script>
  2. function high(which2){
  3. theobject=which2
  4. highlighting=setInterval("highlightit(theobject)",50)
  5. }
  6. function low(which2){
  7. theobject=which2
  8. highlighting=setInterval("lowlightit(theobject)",50)
  9. }
  10. function highlightit(cur2){
  11. if (cur2.filters.alpha.opacity<100)
  12. cur2.filters.alpha.opacity+=10
  13. else if (window.highlighting)
  14. clearInterval(highlighting)
  15. }
  16. function lowlightit(cur2){
  17. if (cur2.filters.alpha.opacity>0)
  18. cur2.filters.alpha.opacity-=10
  19. else if (window.highlighting)
  20. clearInterval(highlighting)
  21. }
  22. </script>
  23. <a href="#"><img src="http://www.blueidea.com/img/common/logo.gif" onMouseOut="low(this)" onMouseOver="high(this)" style="FILTER: alpha(opacity=0)" border="0"></a>

0个评论  标签:   

btchina效果(2个鼠标效果，1个显示div，1个悬停)

2006年08月21日  
  1. <script>
  2. var timer=null;
  3. </script>
  4. <center>
  5. <a href="#" onclick="return false" onmouseover="disp1()" onmouseout="timer=setTimeout('hide()',500)">Blueidea Web Team
  6. </a>
  7. <div id="mydiv" style="position:absolute;visibility:hidden;border:1px black solid;background-color:yellow;padding:10px;line-height:140%" onmouseover="clearTimeout(timer)" onmouseout="setTimeout('hide()',500)">
  8. 科技新闻<br />
  9. 社会新闻<br />
  10. <img src="<a href="http://bbs.blueidea.com/customavatars/Sheneyan.gif" target="_blank">http://bbs.blueidea.com/customavatars/Sheneyan.gif</a>"><br />
  11. 娱乐新闻<br />
  12. 金翅擘海<br />
  13. </div>
  14. <script>
  15. function hide() {
  16. mydiv.style.visibility="hidden";
  17. }
  18. function disp1(){
  19. mydiv.style.visibility="visible";
  20. mydiv.style.left=event.srcElement.offsetLeft;
  21. mydiv.style.top=event.srcElement.offsetTop+event.srcElement.offsetHeight-2;
  22. }
  23.  
  24. </script>
  1. <style type=text/css>BODY {
  2. OVERFLOW: scroll; OVERFLOW-X: hidden
  3. }
  4. .DEK {
  5. POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 200
  6. }
  7. A.js:link {
  8. COLOR: #ff0000; LINE-HEIGHT: 120%; TEXT-DECORATION: none
  9. }
  10. A.js:visited {
  11. COLOR: #ff0000; LINE-HEIGHT: 120%; TEXT-DECORATION: none
  12. }
  13. A.js:hover {
  14. COLOR: #ff3300; LINE-HEIGHT: 120%; TEXT-DECORATION: underline
  15. }
  16. A.js:active {
  17. COLOR: #ff3300; LINE-HEIGHT: 120%; TEXT-DECORATION: underline
  18. }
  19. </style>
  20.  
  21.  
  22. <center>
  23. <table border=0 cellPadding=0 cellSpacing=0 height="42%" width="36%">
  24.   <tbody>
  25.   <tr>
  26.     <td align=middle><br />
  27.       <div class=dek id=dek style="left: 67px; top: 66px; width: 289px; height: 17px"></div>
  28.       <script type=text/javascript>
  29. Xoffset=-60;
  30. Yoffset= 20;
  31.  
  32. var nav,old,iex=(document.all),yyy=-1000;
  33. if(navigator.appName=="Netscape"){(document.layers)?nav=true:old=true;}
  34.  
  35. if(!old){
  36. var skn=(nav)?document.dek:dek.style;
  37. if(nav)document.captureEvents(Event.MOUSEMOVE);
  38. document.onmousemove=get_mouse;
  39. }
  40.  
  41. function popup(msg,bak){
  42. var content="<table WIDTH=150 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
  43. "BGCOLOR="+bak+"><td ALIGN=center><font COLOR=black SIZE=2>"+msg+"</font></td></table>";
  44. if(old){alert(msg);return;}
  45. else{yyy=Yoffset;
  46. if(nav){skn.document.write(content);skn.document.close();skn.visibility="visible"}
  47. if(iex){document.all("dek").innerHTML=content;skn.visibility="visible"}
  48. }
  49. }
  50.  
  51. function get_mouse(e){
  52. var x=(nav)?e.pageX:event.x+document.body.scrollLeft;skn.left=x+Xoffset;
  53. var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
  54. }
  55.  
  56. function kill(){
  57. if(!old){yyy=-1000;skn.visibility="hidden";}
  58. }
  59. </script>
  60.       <a href="#" onmouseout=kill()
  61.       onmouseover="popup('这里是链接一的提示<br />可以定义不同的背景颜色以及链接等等','lightgreen')"
  62.       ;>演示链接一</a> <a href="#" onmouseout=kill()
  63.       onmouseover="popup('这里是链接二的提示<br />可以定义不同的背景颜色以及链接等等','lightblue')"
  64.       ;>演示链接二</a></td>
  65.   </tr></tbody></table>

无觅相关文章插件，快速提升流量

2个评论  标签:   

« 上一页下一页 »

这里都有我

分类

标签云

1hai css ifs 天涯杂谈 经验 wordpress 美剧 字体 职位 EDM 布局 阅读 ue ajax 奇事 体验 网站优化指南 工具 1haideas javascript self pngfix flash 吆喝 魔杰座 designer 网站分析 xhtml xml 木马 1sight

最新文章