SEO专题：工程师最常犯的SEO优化错误
文章作者：EasyWebsite
我们过去做过很多SEO咨询，并且很大部分是针对大企业和初创企业的协助。当我们和这些比较大的企业合作时，我们会和他们的工程师有很好的、紧密的合作关系。一般来说，开发者，也就是工程师，都非常聪明，但他们大部分在SEO方面的专业并不精通。
其实，他们就只是没有去了解，像是Wordpress这样的免费平台端会提供的SEO基础知识。也就是说，他们经常会犯一些非常显而易见的SEO程式设计错误，这些错误的地方，是经验丰富的SEO专业人员一眼就可以看出来的。
在这篇文章中，我们会分享几个开发者最常犯下的错误。
1. 没有小心处理前端开发的Javascript 框架 (framework)
Javascript是目前世界上最普遍的程式语言。 这其实有好有坏，好处是它同时是前端和后端的程式设计语言。
举例来说，如果你选择了一个错的Javascript框架（framework)，Google通常没有办法为这个网站的特定区域「建立索引」。
这是因为和后端不同的是， javascript 通常会在「文物物件模型（DOM）」里面做渲染 (render)。这代表著它会在你的搜寻引擎（比如说Chrome, Firefox, Safari 等等）做渲染 (render)。
在这个Javascript SEO 文章 中，Google 声称他们可以做类似这样的事情：
尽管Google为这类程式建立索引的能力有在进步，现阶段来说它并不是百分之百准确的。
简而言之，这表示Google没办法「辨认」出用Javascript写的大部分网站。
不过，并不是所有的 javascript框架（framework)都是这样的。这里有几个可以像普通网站那样顺利渲染的：
上述的框架（frameworks) 都是有办法建立正常「静态」HTML的。也就是说当Google找的这个网站时，它会认为这只是个普通的HTML网站。这可以避免大部分上述的问题。
Node.js 如何？
一般来说，node.js不应该是个问题。毕竟，就像与它相似的程式语言PHP、Ruby、或任何伺服器端的语言一样，它是在后端做渲染的。
2. 没有将主页和其他内页做连结
这个问题出乎意料的非常常见。
你可以想一下，很多「反向连结（backlink)」都是建立在主页上的。如果你希望这些连结的权威性、也可以说是「力量」扩散到内页中，你就必须用内部的连结去连结主页和内部栏位。
举例，如果你的网页有个部落格，在主页的某个地方连结到部落格的URL就可以了。它可以是在选单里、也可以在主页的主要内容（body）里。选择任何一处，然后把连结放上去就对了。
Google bots 如何？
另一个思考的方式是，Google Bots在「导向」至内页时会出问题。最直接的说法就是，Google找到你的主页了，然后呢？它就停在那了。
你应该要确定你要在你的主页和重要的内部栏位之间做内部的连结。这会省掉很多麻烦。这样的话，机器人会先来到你的主页，接著，透过内部的连结让它有办法可以爬取其他的内部页面。这通常也会对索引建立和排名有帮助。
3. Canonical到正确的页面
这也是非常常见的，但它其实有一点难理解。 这个部分呢，我们就必须变得有点像书呆子(?)然后写一点code。 如果你对HTML不是很熟悉，这就是你摸索看看的好机会。
简而言之，对于像是google那样的搜寻引擎来说，这会让它们很清楚地知道它们要排名的是哪个页面。使用者在网页上点来点去、页面不断更换的时候更是如此，这表示当使用者点了某个东西，URL也会同时以某种方式被改变。
你可以这样想，如果你没有让google清楚知道「最应该」被排名的那个页面是哪一个，它就会被混淆了。
为了让这个解释更清楚，我们要来看一下这个 coding 的范例：
正确：
错误：
也是错误：
根据上述的这些例子，你会发现你应该使用第一个例子。它让google非常清楚的了解到它应该避免为其他两个建立索引并且将正确的URL设定为优先级。简单来说，你让Google更容易做事。如果你有一堆不合逻辑的URL，你的搜寻流量通常会很糟。
4. 不要用太疯狂的URL—— 请让它保持简单明了
URL 应该要能提供一个描述。它应该要说明这个文章是关于什么的。
举这个URL为例：
https://mycoolwebsite.com/social-media/twitter-tools
我们可以看到第一个部分是：/social-media/。任何包含 /social-media/的URL都可以轻易的和任何在网站上有关社群媒体的文章引起关联性。
第二个部分： /twitter-tools/ 很明确的指出这个文章是和Twitter的工具有关的。也就是，它在网站的”social media”这个栏位底下，又有一个关于”Twitter tools”的文章。这就给出了一个简单明了的描述。
反观这个URL:
https://mycoolwebsite.com/33456654333e45/28-twitter-tools-that-will-blow-your-mind
这串是不是非常令人困惑呢？它有一堆数字、超级长、而且很难懂。它完全没有给出一个叙述。请你把这当作是一个普遍的原则，让你网站的URL保持简单且能一眼被看懂。
Google其实有一篇关于这个主题的好文章，你可以在这里阅读。在URL里面包含关键字也是很好的，只要不要使用过多就好。
5. 没有建立一个网站地图（site map)
这个方法可以让Google很轻易的去理解你的网站，包含你的网站是关于什么的，以及哪个页面需要建立索引等，这会使搜寻引擎可以很容易的去定位。这对于比较大的网站是至关重要的。
有两个不同类型的网站地图(Sitemaps)
- XML Sitemaps
- HTML Sitemaps
你可以直接提交XML Sitemaps给网站管理员（Search Console)，直接地告诉Google，它应该或不应该注意哪些东西。
另外，在你的网站页脚包含HTML sitemaps是非常有用的。 尤其是对于在建立索引分面有问题的网站。
举例来说，如果你一个月在你的电子商务商店上发布了100个产品，使用一个HTML网站地图可以帮助google更容易找到这些新产品并且为它们建立索引。大规模的专案常常会遇到这类的状况需要处理。
需要更多资讯？ EasyWebsite.com 对于这个主题有一个很棒的教学。
6. 当你有所疑虑时，去看看一个好的Wordpress网站
说实在的，这些点可以一直列下去，然后我们可以做一整系列关于这个主题的课程。
有个有点好笑但我们会做的事情是，当我们不确定要怎么做时，我们会去观察一个表现很好的Wordpress网站。
换而言之，一个可以得到相当程度流量的Wordpress网站，很明显的是某个知道自己在做什么的人架设的。
至于要去看哪些地方呢？举例来说，你可以看看他们是如何架设：
- 元资料 （metadata)
- 复合式资讯卡（Rich Snippets) / 结构化资料 (Structured Data)
- 他们如何在站内连结页面
- 他们如何处理特定的技术问题
大多数的SEO并不擅长写程式，但是他们大部分还是使用Wordpress。相反的，程式设计师可以看看这些SEO努力做出来的Wordpress做的现成品，然后在他们对于SEO更有经验前，可以先参考、模仿这些表现好的网站，把好的东西应用在自己的网站上。
总结
有非常多的程式设计师并没有SEO相关的经验。不过，很多这方面的问题，都可以在做一些功课之后，轻松获得解决。
你必须经常性地帮助他们走上正轨。 有时候你会遇到一些工程师，他们在做了很多努力和工作后，才发现他们需要做一堆改变，才能很好地去让SEO的表现更好。在我们的经验中，这会让工作时程拉长，但如果你可以明确叙述这些改变能带来的好处，工程师们通常会接受这些想法并且据此来做修改。
或是你也可以在它们开始之前把这个文章转发给他们就好了 😀
想进一步了解SEO搜寻引擎优化，可以参考 EasyWebsite。