第九节:SEO要点简述

回到目录:WordPress快速建站之系列教程

SEO(Search Engine Optimization),翻译为搜索引擎优化,顾名思义将你的网站优化后以便用搜索引擎抓取收录并提升搜索自然排名。如果有时间好好看看百度百科的介绍,可能你就会明白,SEO是一门非常专业而复杂的工作,不是数日数月就可以掌握的一门技艺。之所以这样说,是因为有太多的人认为花三五百块钱请人做一下网站SEO,然后就可以等着客户自动上门了,完了默念:马上有钱!

网站优化
网站优化

简单归纳一下,网站SEO大概分为:网站结构优化,页面优化和外部链接建设。针对第一条,作为中小企业和个人来说,采用WordPress程序并购买质量优秀的主题(已完成SEO)来建站,基本可以解决这个问题。当然如果有足够的资金和强大的团队独立开发会更好,试想有必要吗?第三条的外部链接建设,通常我们是没有足够的能力去寻求高质量的链接,因为权重高的网站凭什么给你链接,除非有关系或找关系。

我们来着重讲一下第二条的页面优化,这是我们可以花时间和精力逐步完善的工作,而且这项工作需要持之以恒、精雕细琢。这里涉及到关键词优化、标题、图片ALT文字和链接锚文字等,那么如何去做呢?建议购买《SEO实战密码》一书。

以上讲了很多,完全个人的理解,并不保证观点正确。接下来我们需要针对WordPress网站讲几点:

1,SEO插件

比较有名的是WordPress SEO by Yoast和All in One SEO Pack,它会帮助你完成页面优化和检测工作。这两款插件都支持中文版,如果想了解更多,建议安装中文版WordPress后安装插件学习一段时间,再正式安装在英文版站点上,否则设置太多会让人找不着北。

2,Google XML Sitemaps网站地图插件

这个几乎是所有WordPress网站必装插件,虽然与上述的YOAST插件里有内置地图功能重复。但我还是劝你安装它,支持自动/手动生成XML网站地图,搜索引擎蜘蛛来爬行时,就会轻松很多。

3,提交URL给搜索引擎

这个页面里找一些适合你的搜索引擎提交你的网站吧,记得是网站完成后再提交。

最后再提醒一句:SEO是一项长久而细致的工作,千万别急于求成做黑帽SEO,否则后悔莫及。内容为王,原创才是正道!按下那颗浮躁的心默默前行,以此共勉!

无法观看视频时,请跳转到优酷查看,http://v.youku.com/v_show/id_XNjgxNjkxNDMy.html

第八节:网站基本设置和辅助

回到目录:WordPress快速建站之系列教程

后台的设置和技巧有很多需要学习和推敲的地方,即使一个WordPress老鸟,对于各种设置和技巧也有不同的理解和偏重。对于我们建设个人网站和企业站,很多设置采用默认即可,关注最重要的设置才是起步学习的正确方法。因此,我们这节主要讲网站的基本设置。

1,添加和管理用户

添加和管理用户
添加和管理用户

如果你想授权公司员工发布新闻和管理网站日常事务,不应该将管理员的权限给他,而是添加一个用户,并分配“编辑”的权限,这样对网站安全是非常重要的。

2,设置

WordPress后台基本设置
WordPress后台基本设置

1),常规:这里需要注意“站点标题”、“副标题”、“电子邮件地址”和“日期格式”。前两项根据网站情况来如实填写,通常“副标题”需要我们组织一句完整的话,将网站的主题很好的表达出来。

2),阅读:首页显示这个选项我们将会在后续的教程中经常遇到,用来设置首页和文章页。特别注意的是最后一项“对搜索引擎的可见性”,如果新建网站,建议先勾选上(闭关数日),待网站建设完成后再取消选择而正式发布网站(重磅推出)。

3),固定链接:采用何种链接对SEO的影响,这是一个值得探讨的问题,但至于什么是最好的需要实践来验证。不明白何为固定链接,请选择一项后保存,接着访问网站的文章看看URL。找了一些内容并归纳为四不:日期不要出现在固定链接里面、分类的链接不要出现在固定链接里面、链接不要过深、不要让中文字符出现在固定链接里面。如本站的链接就采用最简单的以/%post_id%.html来伪静态URL(https://www.kalated.com/1243.html)。

3,设置网站图标

注意一下本站的网站图标为一个卡通红色小人,通过源码可看到如下图:

网站图标
网站图标

所以,我们需要先上传图片到空间里,再用这样的代码添加在主题文件(通常是header.php)里就可以了。

4,添加统计代码

网站建成后,肯定希望有很多人来访问,如果没有跟踪代码来记录,你无从知道网站被多少人、哪些国家和地区的人访问了。所以我们需要在网站的源码内添加一段统计代码(通常添加在footer.php)。

好了,这节内容就这些了,不明白的地方欢迎留言。

无法观看视频时,请跳转到优酷查看,http://v.youku.com/v_show/id_XNjgxNjgzMzMy.html

第七节:联系表单

回到目录:WordPress快速建站之系列教程

之所以将Contact Form 7作为一个单独章节来讲,是因为联系表单承载着潜在客户与企业主直接联系的任务。费劲心思建设网站、优化和推广,目的就是让客户找到我们,了解我们从而能够联系我们place an order。如果在最后一环(联系)出现问题,那可太糟糕了。

Contact Form 7是目前最流行和使用最广泛的WordPress插件,在后台搜索“Contact Form 7”即可在线安装。如果你的WordPress是中文版,那么你安装的将也是中文版(多语言插件啦这个是),安装完激活即可进入“联系”使用插件。

安装后会有一个默认的表单,更改名称,设置内容,保存后回到主目录下。你会发现类似如下的短代码。

 [contact-form-7 id="223" title="contact form"]

将短代码复制到你想展示的地方就可以了,甚至你可以将短代码放在侧边栏。

当你将表单安排妥当后,需要认真检测,如果发现邮件发送不及时或邮件跑到垃圾箱内,你可能就需要试一下WP SMTP插件了,这个插件可以避免这两个问题。但如果你的服务器(主机)关闭相应SMTP端口,可能你联系服务器客服都无济于事,原因可以看这里

总的来说,这节内容很简单,但等你摸索清楚Contact Form 7的性能后,你还可以通过其它插件/代码辅助它来实现如下的效果(页边停靠按钮,点击按钮弹出联系表单)。

弹出联系表单(contact form 7)
弹出联系表单(contact form 7)

勘误:视频中讲到mail.163.com是错误的,应该是smtp.163.com,错误之处,请谅解!
视频中讲解的WP SMTP插件已经更新可用了(2014-03-23),请大家留意。

无法观看视频时,请跳转到优酷查看,http://v.youku.com/v_show/id_XNjgxNjcyODQw.html

第六节:发布产品前得知道Portfolio适合你吗?

回到目录:WordPress快速建站之系列教程

既然是使用WordPress主题来建设企业站,那么必然要展示我们的产品。以国人的习惯通常是将本企业所有的产品都发布出来,以便客户去查阅,而且更倾向于使用豆腐块式展示,如下图:

豆腐块式产品展示
豆腐块式产品展示

这种方式没有好坏之说,因产品的不同,有时选择这种方式展示产品也是必然的选择,虽然老外可能更倾向于看到更多更丰富的页面排版或PDF文档下载。在这里我们不去探讨何种产品展示更适合老外浏览,既然是外贸,相信老外访问你的网站就是为了找到需要的产品而不是为了欣赏。

刚刚说了,如果你倾向于用豆腐块来展示产品,那么可能很多企业级WordPress主题都会让你失望的,因为它们偏偏没有产品发布这样的模块。而是提供了一个名叫Portfolio的东西,并且很多主题提供的Portfolio模块并不支持侧边栏。(注:文中提到很多WordPress主题中的Portfolio并不适合产品发布,但也有一些主题的Portfolio设置完美支持豆腐块产品,这需要我们擦亮双眼去寻找喽。)

对于以上说到的问题,我们有两个解决办法,一是修改Portfolio模块,二是利用插件定制产品模块。对于修改Portfolio模块,这是一项比较复杂而且难度较大的工作,这里我们就不去探讨。利用插件定制产品模块是怎么回事呢?我推荐使用Blog-in-blog插件来实现,前提是你需要懂得一定的HTML和CSS基础知识,视频里我们会简单讲解一些关于如何使用这个插件和实现产品展示功能。

无法观看视频时,请跳转到优酷查看,http://v.youku.com/v_show/id_XNjgxNTc4MjAw.html

第五节:建立页面和排版内容,幻灯片的使用

回到目录:WordPress快速建站之系列教程

上一节我们简单认识了HTML代码和WordPress主题的短代码,这一节将针对特定主题做一些页面排版的讲解。同时建立页面时,我们需要选择合适的模板,当然这些模板也是主题自带的。我觉得幻灯片也是属于页面排版的一部分,所以将其纳入本节内容。幻灯片插件有很多种,在这之前有一篇关于Revolution Slider幻灯片的使用视频,再次提醒下,幻灯片插件很多,使用方法各异,同时插件不断升级后,界面和功能都会有所增强,所以对这些插件的使用,需要进一步的学习和研究。

1,新建页面

鼠标移至“页面” – “新建页面“,即可点击创建一个页面。键入页面标题,标题下方会自动生成固定链接,当然你可以手动修改,这也是我们建议的操作。在页面的右侧有”发布“,”页面属性“,”特色图像“等,如果没有可以通过后台上方的”显示选项“来设置,如图所示。

新建页面-wordpress后台
新建页面-wordpress后台

2,排版内容

现在就是我们使用短代码大显身手的时候了,当然你得提前准备好文字内容和图片。网站是否好看,很大程度上取决于你的审美、图片是否精美和排版是否合理,多参考一些酷站,力求图文混搭合理,从我的经验来看,很多不懂HTML代码的朋友(设计出身),他们的排版出来的页面却非常精美。关于如何排版,请看视频讲解。

3,幻灯片的使用

有的幻灯片已经与主题整合在一起,只需要在新建页面时设置显示多张图片就可以,而有的主题的幻灯片插件是独立的,新建幻灯片后,再进入页面通过短代码或选项设置即可显示。

最后,因为主题不一样,页面排版中使用的短代码和幻灯片插件使用都不尽相同,需要大家区别对待。我们已经筹划将推出更多的针对特定主题的详细讲解视频,便于大家快速掌握建站技巧。本系列教程属于零起步教程,如果你没有WordPress基础,建议还是要耐心看完接下来的几节内容。

无法观看视频时,请跳转到优酷查看,http://v.youku.com/v_show/id_XNjgxNzAyMTAw.html

第四节:HTML代码和WordPress主题的短代码如何使用?

回到目录:WordPress快速建站之系列教程

在认识和学习HTML代码和主题短代码前,我们得先了解一下所见即所得编辑器,如图1所示,编辑器上方有很多类似Word里的按钮,用以排版内容,注意在右上角有可视化/文本选项。

图1:所见即所得编辑器(可视化)
图1:所见即所得编辑器(可视化)

虽然主题短代码在可视化状态下是可以看见的,但HTML代码必须在文本状态下才可以看到,如图2所示。

图2:所见即所得编辑器(文本)
图2:所见即所得编辑器(文本)

1,HTML代码

由于种种原因,在可视化状态下编辑内容有时候会出现错位等问题,所以我们不得不切换到文本状态下检查HTML代码是否正确。HTML代码是以”<“和”>”左右尖括号包围的,同时以带“/”来结束的。

加粗代码:
<strong>内容</strong>
斜体代码:
<em>内容</em>
链接代码:
<a href="https://www.kalated.com" target="_blank">卡拉科技</a>

我们可以将HTML代码理解为一个容器,那么大容器里是可以放小容器的,下面的代码是正确的。

<p>这儿是一些内容,对我<strong>加粗</strong></p>

事实上容器是不可以交叉的,如下面的代码就是错误的。

<p>这儿是一些内容,对我<strong>加粗</p></strong>

通常情况下在后台添加和编辑内容并不需要我懂得一丁点儿HTML代码,但上面讲到的这个错误示例经常会遇到,大家需要注意一下。

2,主题定义的短代码

主题定义的短代码其实是一个个函数,只是避免让用户直接面对太多源码而简化的结果。短代码通常是以“[”和“]”包围的,并以“/”结束(有些没有)。由于主题的不同,各自短代码的含义也是不同的,所以在拿到新的主题时,需要对短代码进行详细了解。同样的,上面提到的HTML错误示例也适用这里,短代码也是不允许交叉的,更不允许HTML代码和短代码交叉。

以下代码是错误的:
[list]这儿是一些内容,对我<strong>加粗[/list]</strong>
[list]这儿是一些内容,对我用[red]红色[/list][/red]

以下代码是正确的:
[list]这儿是一些内容,对我<strong>加粗</strong>[/list]
[list]这儿是一些内容,对我[red]<strong>加粗</strong>[/red][/list]

在页面排版中,短代码的使用是非常必要的,也是必须掌握的基本知识。做网站无非是做好框架,填充图片和文字内容,这些都会用到短代码。

更改与说明:在视频中讲到“列”短代码时,由于没有详细查看主题分列规则的说明,所以造成了一定的误区,大家在理解这个主题的分列规则可以通过主题自带的页面说明来理解,请看http://centum.purethemes.wpengine.com/full-width/

无法观看视频时,请跳转到优酷查看,http://v.youku.com/v_show/id_XNjc5ODMyNzky.html

第三节:必须熟知的WordPress基础知识有哪些?

回到目录:WordPress快速建站之系列教程

上一节讲到如何安装好WordPress程序,以及如何安装主题和插件。在确定主题后,对于建站我们需要继续认识和了解页面/文章/分类/菜单/边栏工具等后台基本操作。

1,页面

乍看页面和文章似乎没有什么区别,但通常页面是有模板可选,而文章却没有(虽然文章也可以通过一些插件来实现模板)。页面一般作为固定内容展示,如展示“关于我们”、“公司介绍”和“联系我们”等。由于页面有模板可选,所以这些页面可以做得多样化,从而改善网站的观赏性。

wordpress页面和文章
wordpress页面和文章

2,文章

一般来说,文章是用来发布新闻或公告,当然也可以通过插件和修改来实现产品等内容展示。从这可以看出,无论页面还是文章,它们的功能都不是特定的,我们只能从常规角度去理解页面和文章的区别。

3,分类

既然文章是用来发布新闻,那么新闻肯定是有分类的,所以在发布文章前我们需要确定分类。从这点可以看出分类和页面是没有直接关系的。同时这里可以提一下标签,标签可以理解为文章的关键词。发布文章时须分类,同时强烈建议设置标签,这对SEO非常有好处。

4,菜单

在旧的WordPress版本里是没有菜单自定义项的,通常主题提供1到2个菜单供自定义。进入“外观”- “菜单”,即可新建和设定菜单。

wordpress菜单和边栏(小工具)
wordpress菜单和边栏(小工具)

5,边栏 /小工具

边栏(侧边栏)是页面或文章的一部分,从字面了解是在页面或文章的一侧,但在底部(footer)部分也属于边栏,另外不但可以一侧有,也可以(Both)两侧都有。那么在边栏里,就是放入小工具了,这些小工具是可以通过简单的拖拽来排序。

后台还有地方值得研究和学习,并不仅限于本文部分。视频讲解请见以下,欢迎留言讨论。

无法观看视频时,请跳转到优酷查看,http://v.youku.com/v_show/id_XNjc3MDM5Mzc2.html

在cPanel下备份网站文件和数据库

备份是网站建设时、完成后、运行中最重要的工作,没有之一。奉劝大家:大意追悔莫及,备份始终王道!今天主要讲cPanel下如何备份网站,所花时间无需三分钟,但值得重视。

1,登录cPanel
2014-01-20 13-38-58
2,备份文件
1),进入”文件夹管理器“;
2014-01-20 13-39-11
2),全选文件并打包(压缩);
2014-01-20 13-30-49
3),等待压缩成功,下载压缩包;
2014-01-20 13-32-43
3,备份数据库
1),切换到cPanel窗口,进入PhpMyadmin;
2014-01-20 13-34-11
2),导出数据库;
2014-01-20 13-35-37
3),导出(下载)SQL数据表。
2014-01-20 13-37-33

4,备份完成。

视频讲解见《WordPress网站搬家需要注意的几点》最后两分钟处。

WordPress网站搬家需要注意的几点

网站在完成后,可能会遇到更换服务器或更换域名的情况,也许会遇到两者同时进行的情况,这就是所谓的网站搬家。搬家之前请确保(新)域名解析已经生效。

首先以更换服务器(不换域名)的WordPress网站搬家来说:

1,将网站文件进行备份和下载,将数据库导出。(参考:如何手动备份WordPress网站?

2,将备份好的文件上传到新服务器上,同时将导出的数据库导入到新服务器的数据库中。

3,打开wp-config.php,检查新服务器的数据库名/用户/密码是否正确。

/** The name of the database for WordPress */
define('DB_NAME', 'database_name_here');

/** MySQL database username */
define('DB_USER', 'username_here');

/** MySQL database password */
define('DB_PASSWORD', 'password_here');

/** MySQL hostname */
define('DB_HOST', 'localhost');

接着我们聊聊更换服务器且换域名的WordPress网站搬家:

A,在完成以上操作后(文件和数据库搬迁完毕),需要进入PhpMyadmin,打开wp_options表,将第1项和第36项(在第2页)的旧域名改为新的域名。如图:

2014-01-04 13-49-52

2014-01-04 13-53-35

B,经过上一步操作后就可以用新域名正常访问网站和后台管理了,但是访问网站时打开一些含有图片的页面或文章,你会发现图片是无法显示的,因为页面内的图片地址是绝对地址,沿用的还是旧域名的地址,这时候需要一个个的替换了。

提示:A和B讲到的手工修改和替换地址其实在第一种情况下的第2步导入数据库前可以提前完成:导入数据前,用记事本打xxx.sql文件,Ctrl+H快捷键,用新域名替换旧域名,全部替换保存后再上传数库,这样就方便很多了。

好了,以上就是WordPress网站搬家的全部内容,其实很简单,如有不明白的,多动手操作试验下,欢迎留言评论。

第二节:如何安装WordPress及其主题和插件?

回到目录:WordPress快速建站之系列教程

安装WordPress

  1. 下载WordPress程序 http://wordpress.org/download/
  2. 上传WordPress文件到服务器
  3. 为即将安装的WordPress创建数据库和数据库用户
  4. 进行安装(页面有安装向导)
  5. 通过Softaculous自动安装

INSTALL-WORDPRESS

认识WordPress文件目录和文件

  • 主题目录 wp-content/themes/
  • 插件目录 wp-content/plugins/
  • 多媒体存放目录 wp-content/uploads/
  • 后台管理目录 wp-admin/
  • WordPress程序主要文件 wp-includes/
  • WordPress基本配置文件 wp-config.php

安装主题和插件

  • 进入网站后台直接安装
  • 通过FTP或cPanel的文件管理工具上传主题和插件文件
  • 主题启用与更换
  • 插件启用与禁用


无法观看视频时,请跳转到优酷查看,http://v.youku.com/v_show/id_XNjc2OTg5MTA0.html