您现在的位置是:首页 > 网站制作 > WordpressWordpress
WordPress新手必看的SEO优化技巧(一):主题代码优化篇
杰帅2023-06-15【Wordpress】人已围观
简介虽然wordpress的免费主题在网络上已经有成千上万个了,但是在我看来,很多主题都是不符合SEO优化的。
虽然wordpress的免费主题在网络上已经有成千上万个了,但是在我看来,很多主题都是不符合SEO优化的。
这些主题不但不美观,而且大部分充斥着作者的暗链、广告,其实对站长们的伤害很大,为了帮助同学们更好的使用wordpress进行自己网站的优化,我决定出一个wordpress系列的教程,给大家做个参考,第一篇我们讲讲wordpress主题代码的优化。
WordPress主题代码优化
wordpress代码优化的核心在于:代码能少则少,以提高网站加载速度为核心目的!优化你的代码,如果你的网站是放在虚拟空间,不要让你的网站加载时间超过5秒以上;如果是放在VPS中,不要让你的网站加载时间超过3秒以上。
为什么我这样说呢?那是因为百度对网站的打开速度有硬性的审核标准,甚至在百度站长工具中还特地推出了页面优化建议工具。这意味着百度是希望站长优化自己网站的打开速度的。如果你的网站打开速度慢则很有可能被降权。
那怎么做主题代码优化呢?
请大家不要着急,我接下来给大家一个重要的解决方案:将我们的主题代码优化到最精简。其最重要的是优化table嵌套、header优化、js和css的合并分离优化。
1、 避免table嵌套:我看了很多的wordpress免费主题,为了简单,采用大量的table嵌套,而浏览器在加载table的时候,是需要将程序完全加载才能渲染出来的,有一些主题甚至缺少table的关闭标签,导致浏览器无法正常渲染而卡在table标签处。做网站,应该尽量少用table标签,采用div+css的方式来绘制表格可以更好的提高网站打开速度。
2、 header优化:大家可以查看一下自己网站的header标签,是否有一大堆不知道什么用的meta标签?如下图所示(某使用wordpress默认模版的网站):
一大堆乱七八糟的链接和注释,甚至引用了其他网站的文件,众所周知,只要你的代码中引用了文件,那么浏览器就会去加载完这些文件才会继续执行之后的代码,如果其他网站的文件丢失了,那么浏览器将会花大量时间等待这个文件响应,而这些都是会增加网站打开时间的。而我的网站则通过精简,只保留搜索引擎需要的meta信息和必要的文件链接,从而使得header更加简洁和高效。
3、 js和css的合并分离优化:很多网站的所有js和css代码,都是写在一个文件里面的,这样虽然方便了管理,但是会导致页面加载的时候,需要加载很多不必要的代码,导致时间加长。
而我的解决方法就是将每个页面都需要的js和css分别放置在一个文件内,而其他每个页面特有的js和css,则自己独立创建文件,针对性的引用。比如共同的css都放在style.css中,首页才有的css就写在style-home.css中,只有在首页才引用,其他页面则不引用,这样就可以大大提高网站的加载速度了。
看了上面的几个优化要点,大家肯定还有疑问。所以,我接下来给大家看看我自己做的现成的案例,大家可以直接看我优化的WordPress教程网,网址是http://www.wpcn.net,通过源代码大家不难发现,我的源代码已经做到最精简的程度了,没有table嵌套,header没有多余的内容,js和css只有必要的才添加。
没有多余的代码,自然加载速度可以优化到最快。
Tags:SEO优化技巧 WordPress SEO技巧 wordpress优化 wordpress教程 代码优化
很赞哦! ()
相关文章
随机图文
-
wordpress 上传的图片不显示的问题 base64,data:image/gif
-
wordpress发布文章HTML标签被自动过滤掉该如何处理?
wordpress发布文章时很多html标签都会自动过滤掉,造成了文章中无法添加<style></style><script></script>等标签。那么该如何如何处理呢? 解决方法一: 将wp-includes文件夹下 -
wp_reset_postdata 和 wp_reset_query 的作用与区别
什么时候使用wp_reset_query,什么时候用wp_reset_postdata? -
WordPress 页面模板(Page Template)下拉列表不显示的原因及解决方法
WordPress 的自定义页面模板是一个非常强大好用的功能,使用它新建一些静态页面(Page),添加上一些数据调用的函数,再在网页上做一个导航连接到对应的页面就可以实现很多自定义的功
文章评论
本站推荐
标签云
猜你喜欢
- WordPress 插件开发教程:Part4 与WordPress整合
- Contact Form 7询盘如何实现非插件thanks页面跳转
- WordPress使用函数wp_register_sidebar_widget添加随机文章小工具
- WordPress网站重复内容的SEO优化终极教程
- 实现wordpress搜索结果页面搜索关键词高亮
- Wordress教程:3种方式将Google Analytics添加到WordPress网站
- Google搜索引擎优化基础 - Google SEO指南01
- wordpress get_current_screen() 函数详解
- WordPress主题制作全过程(十一):制作page.php
- WordPress 6.2发布,功能增强及错误修复