magento产品分类
优化前的网址:http://127.0.0.1/index.php/apparel/shoes.html
优化后的网址:http://127.0.0.1/apparel/shoes
magento产品详细页
优化前的网址:http://127.0.0.1/index.php/cn-clogs-beach-garden-clog.html
优化后的网址:http://127.0.0.1/cn-clogs-beach-garden-clog
Read more...magento产品分类
优化前的网址:http://127.0.0.1/index.php/apparel/shoes.html
优化后的网址:http://127.0.0.1/apparel/shoes
magento产品详细页
优化前的网址:http://127.0.0.1/index.php/cn-clogs-beach-garden-clog.html
优化后的网址:http://127.0.0.1/cn-clogs-beach-garden-clog
Read more...Posted in 网页优化 | No Comments »
很多站长制作网站模板的时候或许会出现CSS明明不规范的问题,为了提高网站模板的CSS样式表的可读性,推荐站长们了解下常用的CSS命名规则。
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper 或 wrap
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
注册:regsiter
状态:status
投票:vote
合作伙伴:partner
注释的写法:
/* Footer */
内容区
/* End Footer */
id的命名:
1.页面结构
容器: container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
2. 导航
导航:nav
主导航:mainbav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
菜单:menu
子菜单:submenu
标题: title
摘要: summary
3. 功能
标志:logo
广告:banner
登陆:login
登录条:loginbar
注册:regsiter
搜索:search
功能区:shop
标题:title
加入:joinus
状态:status
按钮:btn
滚动:scroll
标签页:tab
文章列表:list
提示信息:msg
当前的: current
小技巧:tips
图标: icon
注释:note
指南:guild
服务:service
热点:hot
新闻:news
下载:download
投票:vote
合作伙伴:partner
友情链接:link
版权:copyright
class的命名:
1.颜色:使用颜色的名称或者16进制代码,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
2. 字体大小,直接使用”font+字体大小”作为名称,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
3. 对齐样式,使用对齐目标的英文名称,如
.left { float:left; }
.bottom { float:bottom; }
4. 标题栏样式,使用”类别+功能”的方式命名,如
.barnews { }
.barproduct { }
注意事项:
1. 一律小写;
2. 尽量用英文;
3. 不加中杠和下划线;
4. 尽量不缩写,除非一看就明白的单词.
主要的 master.css
模块 module.css
基本共用 base.css
布局,版面 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css
Tags: css
Posted in 网页优化 | No Comments »
谷歌SEO优化相对来说比百度优化复杂的多,在这里我想说的是SEOer越来越不好做了,尤其是面对客户的各种需求!在销售人员和客户谈论关键词优化时,鼓吹保证一个月给你把几个关键词全部排到第一页!殊不知加大了优化的难度,无形中加重了SEOer优化师的负担!
其实建议以后的销售人员要经过专门的培训才能上岗,不要盲目的接单子,在签订合同是要了解对方的网站是什么的类型!另外在签订合同时要规范化,比如说分三部分付款,第一部分在签订时预付款为总费用的30%这部分费用用于网站结构重整和网站源码优化修改。
第二部分在某关键词达到本合同约定效果后的一个月内支付该关键词约定费用的40%第三期:在某关键词达到本合同约定的时间到期时支付该关键词的剩余费用。 这样做并不是刁难客户,优化没有%100的,这样没一个SEOer敢站起来说,但是我们也尽力为你做好!让SEO优化给你带来切切实实的利益!长话短说! 下面介绍一个谷歌优化的案例供喜欢研究SEO的人参考,同时欢迎批评指正,共同交流!
武汉爱得(.cn/)目标以下几个关键词
片式发热器 293000 定影膜 94,80 打印机芯片 93,700 硒鼓芯片
陶瓷电路 1,050,000 陶瓷加热片 199000
数字是相关搜索的结果,可以看出陶瓷电路属于中等关键词,其他属于冷门关键词
SEO相关指数:
查询时间:2008-12-23 16:8:58
查询域名:.cn PageRank:2
Alexa排名:No Data Sogou Rank:12
搜索引擎收录以及反向链接查询结果
baidu:收录 19 , 反向链接 20 google:收录 27 , 反向链接 0
yahoo:收录 19 , 反向链接 27 live:收录 25 , 反向链接 0
sogou:收录 19 , 反向链接 14 yodao:收录 9 , 反向链接 14
分析:谷歌的反向链接为0,可以看出几乎没有什么外链,增加外链是必要的!而且对外接要挑一些权重比较的高的外链,做单向链接,可以购买链接,这样的效果会更好!
网站诊断:
ATTA网站属于一个纯静态网站,每个页面都是单独做出来,首页全部是英文,客户可能想给外国人看,捞点美元,呵呵,他们本来以前都是做的英文关键词 的,后来不知道怎么想的转做中文,不过是在谷歌平台做关键词优化!而且没有那种CMS后台,也就是说内容和页面是固定的,是最早的那种网站!没有后台不能 增加内容的网站!
这是很特殊的网站,打开里面的htm代码,里面参差不齐,作者写代码构建乱七八糟的,感觉无头绪!导致了网站也很乱,无从看起,标题就写了ATTA这四 个字母,不知道要表达什么,ATTA这个不知道什么东东,除非你去电视台做广告,不然你写这四个字母没有人认识你,底部没有联系方式和版权信息,别人进这 个网站肯定不知道这个网站是做什么,用户体验很差!由于没有后台,内容不能更新,只能手工增加页面和修改页面,所以这样要在结构上面下功夫!
通过以上分析做出以下修改
1 、重新修改主页及其它栏目页的TITLE、KEYWORD、DESCRIPTION的文字;调整主页、栏目页、及内容页里的关键字分布;在主页的页脚添加一段文字描述,把网站的关键字也包含进去,并建立指向首页的链接。
2 、底部加上了版权信息,并且在标题做了简单的优化,ATTA-致力于打印机芯片,定影膜,硒鼓芯片,陶瓷电路,片式发热器等产品的研发!以前没有联系方式和地址的我也写上地址和联系方式,增强了用户体验!
3、重新修改网站的几个栏目文件结构,按照有利用于搜索引擎收录的文件结构进行修改。同时为了让这个网站的广告客户有更多展示机会,添加了友情链接和产品展示,目的增加网站的关联性!
4、 当上面这些工作依次展开后,下一步就是添加外链,我们都知道,添加外链可能是做SEO最浪费时间的一步,无论是友情链接、软文或资源互换等方式都是需要时 间去发现、沟通和确定。所以在做这一块上,我选择的方式是从简单到困难。首先是友情链接,其次是软文,再次是资源互换。
5、就是内容优化的更新了,虽然没有后台但是我们可以页面做功夫,每个页面增加一些与关键词相关东西,这样的搜索引擎搜到你不至于没东西,以为你是挂羊头卖狗肉!
另外就是根据谷歌的网站管理工具,增加了Sitemaps 根据网站管理工具中的故障诊断做了一一修改!
做了一些工作就是等待谷歌的更新了!
最后点评:如果你的网站是面向用户而不是面向搜索引擎的最终会受到搜索引擎的欢迎的,也就是说你的网站的排名最终会提高!所以在做SEO优化时增强用户体验是关键!
Posted in SEO案例 | No Comments »
1. SEO的价值
2. SEO专业术语
3. SEO的基本原理
4. 影响排名的几大因素
5. 错误的SEO优化方法、危险的SEO手段
Posted in seo技术 | No Comments »
seo代码优化是一项比较复杂的工程,大多数seo人员对网站的代码优化了解并不多,希望这篇seo代码优化的文章能有一点点帮助。
网站为什么都需要SEO 搜索引擎优化呢?有一部分原因就是网页设计不规范造成的。今天我在这里讲一下网页如何瘦身,代码如何优化?
我们大家都知道,网页设计无论是基于那种语言都是两种布局方式和架构:一是:table做的;二是:div+css做的
然而这两种架构也不是绝对的互斥的,也有出现你中有我,我中有你的情况。 为什么要网页瘦身呢?
原因是,搜索引擎本身的资源是有限的,在一定的时间内他的存储空间也是有限的。如果一个页面是2k相比一个将1m的页面来说,2k的页面存储500个的空间,只能放一个1m的页面。鉴于对搜索引擎的考虑,我们应该让他减轻负担.
还有就是: 1.尽可能的减少数据的数据的传输量。2.尽可能的减少数据的传输频率。
如何做到以下几点:1.提高网页的下载速度 2.降低服务器使用的资源 3.提高网络带宽利用率 首先我们会把注意力放在导致速度下降的最大因素上:图片,二进制文件上。这固然重要,但是优化html代码,css代码和javascript也是相当重要的。
但是,我们常常忽略了这一点。我们了解一个典型的网页加载流程是: 首先(x)html文件最先浏览器读到,然后加载到内存中,因为这个文件决定了整个网页中其他文件的关系,一般情况下,我们称这个为主文件(host document)浏览器一旦加载完成这个文件,便开始解析各种markup了在从文件顶部开始向下解析的过程中,会同时发出一系列的相关对象的请求,包 括外部脚本,样式表单,flash等其他元素。而这些css和javascript则有可能继续触发一些相对图片和脚本资源的请求。
从这了可以看出主文件的重要性,如果能把他尽可能快的传给浏览器,浏览器就可能先一步解析。所以第一步,需要对主文件进行优化,减肥。如何优化传输,我们的基本方法是: 是什么?减少空白区域,精简css和javascript
1.除去空白区域,一般而言,空白区域(空格,制表符,换行符等)都可以安全删除,但要避免修改pre,textarea,及受css属性中white-space影响的标签。 我还有一个建议就是,这些代码在优化前,大家留一个备份,因为毕竟有空白区域的代码,我们看起来比较舒服,不至于是我们的眼睛太累,可能我们后期还要对优化的过的代码进行再操作
2.出去注释,除了在客户端给ie和doctype声明的注释,几乎所有的注释都可以k掉,毫无顾虑
3.使用短格式的颜色表示,我们常常在用颜色的时候喜欢用16进制和全颜色名称,认为这样比较精确,但我们要尽可能根据实际情况使用短格式的颜色表示如:#ff0000,其实就是red
4.用短格式的字符表示。和最短颜色表示一样,一些名称可以用最短字符来表示,我们可以用较短的数字来代替某些长长的字母。
5.除去无用的标签。有些无用的标签,比如使用了多次的重复标签或者某些编辑器里面用做广告的meta标签,都可以安全地去掉。
css优化,css也有一套成熟而有简单的方法。实际上,时下大多数的css都较(x)html更容易压缩。
1.除去css中的空白区域。相比html来,css对于空白区域没有那么敏感,所以除去空白区域可以极大地减少css文件和style样式表的区域大小
2.除去css注释,如同除去markup代码中的注释一样,由于css的注释对普通的最终用户来说并没有什么使用价值,使用应该除去。不过,如果考虑到 较低级的浏览器,则css中的style标签中的屏蔽注释信息不可以除去。使用短格式表示颜色,同上,不再重复。
3.对css的规则进行合并,如这短代码: p{font-size:36pt; font-family:aral; line-height:48pt; font-weight:bold;} 可以这样写:p{font:bold 36pt/48pt arial;}
这样的话,数据量顿时就见效了许多。这些都我们可以注意到,而又没有在意的方面,seo就是细节,细节决定成败。
4.对类和id重命名。多id重命名,要注意,不要出错。许多时候我们为了程序编写的需要,总是把名字写的有意义自己能理解,但是这样无疑长了很多,这个 大家自己看着改吧。javascript优化,javascrpt对与网站的作用越来越大,我们不得不注意的他功效了。这些代码许多时候非常笨重,数据量 较大。目前搜索引擎还不能解析javascript,但众多的java脚本影响的网站的速度,这更多的是处于用户体验考虑了。
我在这里就简单说一下,有兴趣的朋友可以去深挖度,跟css一样,除去javascript注释,除去javascript空白区域 去除javascipt的空白区域的时候,要注意程序的完整性,不要导致运行出错 。文件方面的优化,一些站点通常含有用户通过url无法访问的文 件。<img src=”../../../imges/subheaderabout.gif”> 。既然这些文件从来不会被访问到,考虑到下载速度,可以改 成<img src=”/0/a.gif”>这种形式 这样看着就舒服多了,下载也快多了。重构<script>和<style>调用方式 来优化请求次数。我们常常看到:<script src=”/scripts/rollovers.js”></script> <script src=”/scripts alidation.js”></script> <script src=”/scripts/tracking.js”></script> 可以改成这样的<script src=”/0/g.js”></script>其中g.js包含了所有供全局使用的函数。
讲到这里,可能大家都感觉这些东西都太专业,让你感觉云里雾里的,理论永远是灰色的,我上面说的,优化的最高境界了,但我常常发现的是:我们的网站里面结 构混乱,页面有各种css样式的定义,还有大量的java脚本出现,我觉得最简单的瘦身方式,就是把重复使用的css样式定义出来,放到css文件里面, 把java脚本也放到一个文件里面,让你的页面看着比较整洁,尽量多的突出主题,降低网页的信噪比。
还有,对seo优化而言,用div+css可以更好布局网站的架构,搜索引擎都是从上往下看的,累了就不看了,就是代码靠前 显示的内容却未必再前面,这样搜索引擎先看前面的div就是可以根据自己的需要进行定位。
Tags: 代码优化
Posted in 网页优化 | No Comments »
学车会 www.xuechehui.com 快照停留12-17至今已有20余日了,一直没有采取什么措施,今天打算整顿一下
阿捷说是流行度问题,流行度我想就是流的速度,在百度应该就是体现的一个快照更新和新内容收录的速度吧,
哪里跌倒哪里爬起来,做流行度,多在快照更新快,内容收录快的站点展示自己的链接,无疑友情链接是最快最稳定最具权重的方式了,现在行动去掉快照慢,收入慢的站点链接,更新流行度高的页面
Tags: seo流行度
Posted in SEO案例 | No Comments »
IE浏览器的高级项目经Patrick Dengler透露,微软已申请加入万维网联盟(W3C)的可伸缩矢量图形(SVG)工作组.
微软在一份简短声明中表示,他们承认矢量图形是一个“下一代网络平台”,微软承诺参与该标准的完成过程.
大多数行业内人士欢迎微软的举动,此举被认为是将带来IE 9 SVG的支持.
SVG是一种采用XML来描述二维图形的语言.SVG可以构造三种类型的图形对象:矢量图形、位图图象和文字.图形对象可以被组化、样式化、变形和重新组合,包括图象嵌套、变形处理、剪辑路径、Alpha蒙板、滤镜特效和模板对象.
SVG图形可以是动态的、可交互性的.动画通过直接声明(比如在SVG里嵌入SVG动画元素)或通过脚本来进行定义或触发.
SVG通过使用脚本语言来完成比较复杂的应用,脚本语言调用SVG对象模型(SVG Document Object Model)来访问或控制所有的元素、属性和属性值.事件处理器如onmouseover、onclick等可以应用到SVG图形对象上,由于SVG和其它Web标准完全兼容和同步,如XML,CSS2,XSLT,DOM2,SMIL,XLINK,HTML等.因此,在同一Web页面上,有些特性,如脚本编程等,可以同时应用在XHTML和SVG元素上.
SVG不但可以表现图象,还可以表现文字、音频等其它信息,对于那些有视觉障碍的人,可以通过可替换的方法把图象替换为音频信息,这样对那些有视觉障碍的人,也能够得到SVG所表现的信息.另外,对那些手持设备、车载设备、无线设备来说,它们的屏幕一般都比较小,而且显示分辨率低,SVG的矢量特性也可以让这些设备清楚地浏览SVG图象信息,这都是目前的位图图象所不能做到的.
Posted in 关注互联网 | No Comments »
“微软的IE浏览器前景堪忧”,专家们说。
对于微软的IE浏览器在2010年将失去更多的市场份额,两位浏览器专家给出了五大原因:
一、数据是这样说的。
根据来自网络应用公司的数据,IE浏览器的市场份额在继续被侵蚀,没有丝毫停止的迹象,事实上还在加快。IE浏览器在2009年失去了7.8%的市场份额,年底份额创造了新低,为62.7%。年下降速度为11%。2008年,IE市场份额下降了8.3%,年下降速度为10.5%。
二、欧盟促使微软提供浏览器选择
经过长达1年的“战争”,上个月,欧盟反垄断部门同微软达成了一个协定,这个协定要求微软公司在Windows系统里增加一个浏览器选择界面。这个选择界面出现在任何默认浏览器为IE的电脑里,让用户选择一个或多个竞争对手的浏览器下载安装。
三、Chrome浏览器的威胁
根据网络应用公司最新的数据,在谷歌发布Chrome浏览器的16个月里,Chrome已经获得了令人惊讶的4.6%的市场份额,并且从苹果Safari浏览器手中夺走了第三的位置。
事实上,Chrome浏览器去年提升的市场份额超越其他任何一家。从2008年12月到2009年12月,Chrome的市场份额增长了3.2%,超过第二位的火狐,后者增长2.9%。
四、IE8没能留住微软的用户。
微软吃老本已经很久了,这足以让火狐、Chrome、Safari和Opera浏览器消耗IE盛极一时的市场份额,但是,微软在2008年和2009年初告诉用户,IE8将会改变这一切。
然而,这并没有出现。
去年,IE8的市场份额增长了20%,同时,IE6下降了13%,IE7下降了20%。对微软来说,净损失13%。
五、手机浏览器
IE浏览器在手机领域从没有起过多大作用,Opera Mini浏览器是手机浏览器里的老大。看来,微软将会更加落后。
Windows Mobile在11月到12月间表现平平,占有0.05%。由于没有进入手机领域,IE浏览器将不可能在被人开来是手机浏览器兴旺的一年里占据优势。
个人认为ie需加强用户体验 多模仿点中国的山寨遨游 世界之窗等 毕竟内核都是你微软的 那么多技术人才模仿下还不小意思
第二 的确是兼容标准的一个规范性 呵呵 今天看见微乳加入w3c了 大家一起一个标准
Posted in 关注互联网 | No Comments »