logging in or signing up WordCamp China Presentation awflasher Download Post to : URL : Related Presentations : Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Uploaded from authorPOINT lite Insert YouTube videos in PowerPont slides with aS Desktop Copy embed code: (To copy code, click on the text box) Embed: URL: Thumbnail: WordPress Embed Customize Embed The presentation is successfully added In Your Favorites. Views: 3463 Category: Science & Tech.. License: All Rights Reserved Like it (0) Dislike it (0) Added: September 19, 2008 This Presentation is Public Favorites: 0 Presentation Description No description available. Comments Posting comment... Premium member Presentation Transcript WordPress 用户体验改善与SEO : WordPress 用户体验改善与SEO To make a blog easier for vistors to read and interact To make an original post rank higher in a Search Engine Result Page 郭启睿 Aw Guo Awflasher.com 内容概要Brief : 内容概要Brief 用户体验和SEO的理念和指导思想 基于WordPress平台进行用户体验优化和SEO的实例演示 上下文声明:文中所指“用户体验(UX)”与SEO均针对基于WordPress构建的个人Blog而言。 用户体验与SEO的共同原则The key to UX and SEO : 用户体验与SEO的共同原则The key to UX and SEO 高效:物尽其用、求同存异High EfficiencyNo waste.Seeking common ground while accepting the existing differences 用户体验与SEO的矛盾统一The conflict between SEO and UX and the solutions : 用户体验与SEO的矛盾统一The conflict between SEO and UX and the solutions SEO与用户体验之间可能存在的矛盾 SEO与用户体验矛盾化解的可行性和具体方式 我对WordPress的优化实例The live examples of my enhancement to WordPress : 我对WordPress的优化实例The live examples of my enhancement to WordPress 用户体验改善(提速、友好的交互评论系统) 搜索引擎优化(内部链接、301) 提速建议Speed up tips : 提速建议Speed up tips 使用LAMP而非WAMP 启用Wp-super-cache 原则:求同存异 基于Cookie等JavaScript DOM对象以JavaScript动态地调用(Document.write)JavaScript(例如广告代码、统计代码) 在header中加入loading然后在footer隐藏 分析模板结构,不要让某一类页面加载不需要的JS、CSS(例如Archive页不需要加载与评论有关的JS) 不妨将JavaScript库统一,如jQuery(可引用Google CDN JS框架)、SWFObject 控制插件的文件请求数(例如BTC、WP-Polls)1、将filter到wp_header中的外部CSS和JS封装到自己的CSS和JS2、用CSS Sprite 评论功能改善Enhancement to the comment experience : 评论功能改善Enhancement to the comment experience 嵌套式评论系统(Threaded Comments) 表单验证与AJAX提交(Form validation/AJAX submit) 红色、加粗突出当前评论与滚屏效果(scrolling effect) 海纳百川、兼听则明Learn, learn and learn : 海纳百川、兼听则明Learn, learn and learn 尊重评论者的劳动,对他们的反馈予以接纳和回应 使用Analytics的[特定跟踪器]追踪不同区域链接点击情况(例如观察侧边栏点击about页面的情况) 对不同的用户,给予不同关照(按User-Agent,cookie) 我对blog做的一些SEOSome SEO tips : 我对blog做的一些SEOSome SEO tips 插件:All in one SEO(遗憾的是中文blog有一个小bug) 内部链接(体力活,理论上,可以用WLW配合WP的API做一个WLW的插件) 原则:杀同取异 301重定向+Sitemap 利用Analytics将优势关键词拿下 巧用robots.txt屏蔽非内容链接 与学术性网站交换链接 理直气壮地向抄袭者,尤其是门户、媒体索取反向链接 谢谢Thanks : 谢谢Thanks 欢迎分享、批评、提问 You do not have the permission to view this presentation. In order to view it, please contact the author of the presentation.
WordCamp China Presentation awflasher Download Post to : URL : Related Presentations : Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Uploaded from authorPOINT lite Insert YouTube videos in PowerPont slides with aS Desktop Copy embed code: (To copy code, click on the text box) Embed: URL: Thumbnail: WordPress Embed Customize Embed The presentation is successfully added In Your Favorites. Views: 3463 Category: Science & Tech.. License: All Rights Reserved Like it (0) Dislike it (0) Added: September 19, 2008 This Presentation is Public Favorites: 0 Presentation Description No description available. Comments Posting comment... Premium member Presentation Transcript WordPress 用户体验改善与SEO : WordPress 用户体验改善与SEO To make a blog easier for vistors to read and interact To make an original post rank higher in a Search Engine Result Page 郭启睿 Aw Guo Awflasher.com 内容概要Brief : 内容概要Brief 用户体验和SEO的理念和指导思想 基于WordPress平台进行用户体验优化和SEO的实例演示 上下文声明:文中所指“用户体验(UX)”与SEO均针对基于WordPress构建的个人Blog而言。 用户体验与SEO的共同原则The key to UX and SEO : 用户体验与SEO的共同原则The key to UX and SEO 高效:物尽其用、求同存异High EfficiencyNo waste.Seeking common ground while accepting the existing differences 用户体验与SEO的矛盾统一The conflict between SEO and UX and the solutions : 用户体验与SEO的矛盾统一The conflict between SEO and UX and the solutions SEO与用户体验之间可能存在的矛盾 SEO与用户体验矛盾化解的可行性和具体方式 我对WordPress的优化实例The live examples of my enhancement to WordPress : 我对WordPress的优化实例The live examples of my enhancement to WordPress 用户体验改善(提速、友好的交互评论系统) 搜索引擎优化(内部链接、301) 提速建议Speed up tips : 提速建议Speed up tips 使用LAMP而非WAMP 启用Wp-super-cache 原则:求同存异 基于Cookie等JavaScript DOM对象以JavaScript动态地调用(Document.write)JavaScript(例如广告代码、统计代码) 在header中加入loading然后在footer隐藏 分析模板结构,不要让某一类页面加载不需要的JS、CSS(例如Archive页不需要加载与评论有关的JS) 不妨将JavaScript库统一,如jQuery(可引用Google CDN JS框架)、SWFObject 控制插件的文件请求数(例如BTC、WP-Polls)1、将filter到wp_header中的外部CSS和JS封装到自己的CSS和JS2、用CSS Sprite 评论功能改善Enhancement to the comment experience : 评论功能改善Enhancement to the comment experience 嵌套式评论系统(Threaded Comments) 表单验证与AJAX提交(Form validation/AJAX submit) 红色、加粗突出当前评论与滚屏效果(scrolling effect) 海纳百川、兼听则明Learn, learn and learn : 海纳百川、兼听则明Learn, learn and learn 尊重评论者的劳动,对他们的反馈予以接纳和回应 使用Analytics的[特定跟踪器]追踪不同区域链接点击情况(例如观察侧边栏点击about页面的情况) 对不同的用户,给予不同关照(按User-Agent,cookie) 我对blog做的一些SEOSome SEO tips : 我对blog做的一些SEOSome SEO tips 插件:All in one SEO(遗憾的是中文blog有一个小bug) 内部链接(体力活,理论上,可以用WLW配合WP的API做一个WLW的插件) 原则:杀同取异 301重定向+Sitemap 利用Analytics将优势关键词拿下 巧用robots.txt屏蔽非内容链接 与学术性网站交换链接 理直气壮地向抄袭者,尤其是门户、媒体索取反向链接 谢谢Thanks : 谢谢Thanks 欢迎分享、批评、提问