关于搜索引擎优化,每个网页设计师都需要知道的13件事

网页设计师的SEO技巧

想象一下,您正在度假,寻找一家餐厅吃晚餐。或者是你姐姐的生日,你不知道什么是买一个十几岁的女孩。或者您已准备好升级智能手机并想知道哪个选项是最好的。这些捕食者都有一个双字解决方案:“谷歌它!”

这是用于回答的解决方案每个月有近120亿个问题。大量消费者通过搜索引擎来帮助他们做决定,这意味着搜索排名比以往任何时候都重要。事实上,75%的用户永远不会滚动超过搜索结果的第一页。

这就是SEO发挥作用的地方。你已经听过这三个含糊不清的字母很久了,但是它的意思是什么?网页设计和搜索引擎优化之间的关系是什么?以下是我们从专家那里找到的答案。

无论如何,SEO是什么意思?

简单的回答是:SEO是搜索引擎优化的缩写。但这到底意味着什么呢?SEO是改进和推广一个网站,希望通过搜索引擎增加流量的做法,根据Moz,可以说是最大的在线SEO权威。

“[SEO]归结为三个基本事物:提供访问,被认可并提供价值。”

Shinhee Son,SEO经理Collegis教育他解释说,搜索引擎的目标是像我们一样查看和分析内容,寻找视觉线索来确认我们是否在正确的页面上。简单地说,SEO帮助谷歌为您搜索的问题提供权威的答案。有大量的SEO技巧和技巧可以影响搜索排名,但Son认为这都归结为三个基本的事情:提供访问,被认可和提供价值。

13个网页设计师的SEO提示

“搜索引擎优化永远不应该是事后的想法;应该从一开始就做好准备,”孙正义说。我们邀请了一些SEO和网页设计方面的专家来分享一些基本的最佳实践,这将帮助你确保你的网站得到良好的优化。

1.进行深入的关键词研究

这是提高搜索排名时最重要和最有效的提示之一。确切地确定您的目标受众在搜索查询中键入的内容是至关重要的。毕竟,在顶部排名为一个关键字,没有人正在寻找不会带给你太多的业务。

2.移动第一

想想每天使用智能手机。移动搜索已正式超越桌面搜索截至2015年5月。这意味着网站应该重新设计,使用适合移动的模板。这种转变将迫使你简化你的网站,压缩你的内容,只包括最重要的信息。谷歌的回应是发布手机友好算法,意味着非响应网站会受到影响。

3.给每个URL一个有意义的名称

谷歌读取url中使用的单词,因此在其中包含关键字短语非常重要。这有助于谷歌识别您的页面是关于什么的,以便它可以适当地匹配搜索者的意图。我们的专家一致认为,最有效的结构URL的方法是使用连字符而不是下划线来分隔单词。

4.使用相关的标题标签

标题标记定义在线文档的标题,用于显示网页的预览片段。它们出现在三个地方:浏览器,搜索引擎结果页面和外部网站。您的标题标签应包括您的关键字,并且是唯一的和相关的。瞄准少于65个字符,因为在谷歌的搜索结果中将切断更长时间。

“搜索引擎优化永远不应该是事后的想法;应该从一开始就把它做好。”

5.提高网站速度

谷歌特别将网站速度作为其算法的一部分。为什么?因为用户讨厌慢速网站!页面加载的时间越长,用户越可能是反弹。那么如何避免这种情况呢?有几个提高网站速度的方法(包括在可能的缓存时优化数据库,并使用内容传递网络(CDN)。

6.只包含独特的内容

你网站上的每个页面都应该是独一无二的,而不是出现在其他地方。你应该努力让网站的每一页都解决一个具体的问题。通过专门处理您的消费者关注的问题,谷歌可以清楚地识别您的网站上哪些页面对搜索者来说是最权威的。同样重要的是确保你的内容是有价值的和定期更新。

7.在每个页面上包含明确的呼叫动作

无论您是如何驾驶用户注册通讯,将商品添加到购物车或安排咨询,确保对您的消费者来说是显而易见的。儿子解释说,这个提示没有直接导致更可见的能见度,但它会影响您的流量表现的程度。

他表示:“你可以因为一个流量大的关键词而排名第一,但却不能为你的客户或公司带来任何销售。”“这才是高管们最关心的!”

8.使用描述性的图像文件名

您提供谷歌的线索越多,搜索引擎更容易识别内容的主题并将其与用户的意图相匹配。谷歌读取图像文件名,但无法识别毫无意义的文件。所以不要使用像“index01.jpg”这样的默认名称。如果您有一只猫的形象,请将其命名为“cat.jpg” - 这是简单的!

9.压缩图像尺寸

大的图像文件是导致网站速度变慢的主要原因,谷歌会对此进行惩罚。不仅如此,没有什么比等待图像加载更糟糕的了。事实上,一项研究发现平均消费者只等待大约五秒钟的移动网站在放弃之前加载。一个好的拇指是保持图像文件大小低于70KB。

10.确保主要内容'在折叠之上'

始终确保最重要的信息即时可用。根据儿子的说法,用户需要立即立即和谷歌实现了页面布局算法,以奖励最重沉重的网站。

11.永远不要使用Flash介绍

Flash技术正逐渐过时,被HTML5等更现代的语言所取代。它对搜索引擎优化也不友好,因为它是一种富媒体格式。搜索引擎读取文本,无法消化嵌入在Flash文件中的信息。我们的专家一致认为最好完全避免使用Flash。

12.鼓励社交分享

社交网络是你网站流量的一个重要来源,但社交分享也可以作为你的内容满足用户期望的验证。这些份额也向搜索引擎表明,你(或你的品牌)是你评论或写作领域的专家。在你的网站设计中整合社交分享按钮可以让用户更容易地帮助你建立权威。

13.不要购买链接......永远!

这是SEO中最大的禁忌之一。任何时候一个外部网站链接到你的网站,谷歌认为这是一个投票。反向链接越多的网站在搜索结果中排名越靠前。但是谷歌有多种识别购买链接的策略,对违法者的惩罚是严厉的。

这一切都以SEO开头

这就像古老的谚语说:如果一棵树落在森林里,没有人会听到它,它会发出声音吗?您可以设计互联网曾经盯着互联网的最神奇的网站,但如果没有人能找到它,它就意味着什么。

这13个技巧将帮助您确保您的每一个杰作,您的设计是容易访问的目标受众。很明显,网页设计和搜索引擎优化是密不可分的,所以掌握这项技能肯定会吸引客户或雇主的眼球。了解其他热门的网页设计技巧,它们将在简历中脱颖而出

参与者:

*Collegis Education是拉斯穆森学院的营销供应商。

Callie Malvik.

Callie是ColleGis教育的内容经理,代表Rasmussen大学监督博客内容。她对创造赋予他人通过教育改善其生活的质量资源充满热情。

女性作家

相关内容

这篇广告内容是由Rasmussen大学创建的,以支持其教育计划。拉斯穆森大学不得为此内容中的所有职位做好准备。请拜访www.cho-design.com/degrees.查阅所提供的项目清单。在rasmussen.edu上提供的外部链接仅供参考。拉斯穆森大学不保证、批准、控制或特别认可链接到网站上的信息或产品,也不认可网站所有者、作者和/或组织。拉斯穆森大学是一所地区认可的私立大学。

徽标 - 认证 - acen Logo-Accreditation-CCNE chart-credential-laddering-associates-bachelors-masters 0学分 90学分 180学分 48学分 从这里开始 高中毕业 从这里开始 转移学生 从这里开始 二级追求者 在这里结束 ASSOCIATEa€™S学位 从这里开始 MASTERa€™S学位 追求者 在这里结束 BACHELORa€™S学位 在这里结束 MASTERa€™S学位 chart-credential-laddering-associates-bachelors 0学分 从这里开始 高中毕业 从这里开始 转移学生 90学分 从这里开始 二级追求者 在这里结束 副学士 180学分 在这里结束 学士学位 chart-credential-laddering-healthcare-management 0学分 90学分 180学分 48学分 从这里开始 高中毕业 从这里开始 转移学生 从这里开始 二级追求者 在这里结束 ASSOCIATEa€™S学位 从这里开始 MASTERa€™S学位 追求者 在这里结束 BACHELORa€™S学位 在这里结束 MASTERa€™S学位 图表凭证梯形级-RSB 0学分 从这里开始 高中毕业 从这里开始 转移学生 90学分 从这里开始 二级追求者 在这里结束 副学士 180学分 在这里结束 学士学位 图表凭证梯形级-RSD 0学分 从这里开始 高中毕业 从这里开始 转移学生 91学分 从这里开始 二级追求者 在这里结束 副学士 181学分 在这里结束 学士学位 图表凭证梯形梯级 - RSJ 0学分 从这里开始 高中毕业 从这里开始 转移学生 91学分 从这里开始 二级追求者 在这里结束 副学士 180学分 在这里结束 学士学位 图表凭证梯形级-RSN 0学分 从这里开始 高中毕业 从这里开始 转移学生 91学分 从这里开始 二级追求者 在这里结束 副学士 181学分 在这里结束 学士学位 icon-colored-outline-bank icon-colored-utline证书 图标彩色大纲 - 圆形美元符号 icon-colored-outline-folder-search 象色概述手心 图标彩色轮廓头块 图标彩色轮廓 - 头齿轮 图标彩色轮廓头心 icon-colored-outline-health-plus-leaves 图标彩色轮廓医院 icon-colored-outline-lifelong-learning icon-colored-utline-light-blb-pandtics 图标彩色轮廓 - Maginify-Glass icon-colored-outline-magnifying-glass icon-colored-outline-monitor-healthcare icon-colored-outline-monitor-paper-search 图标彩色轮廓 - 护士射线 图标彩色轮廓 - 挂锁屏蔽 图标彩色轮廓尺度 icon-bank 图标概要图表 icon-general-connect 图标通用程度 图标通用讨论 图标通用电子邮件 icon-general-find icon-general-hat 图标通用 图标一般 - 笔记本电脑建筑 图标一般 - 笔记本电脑 icon-general-leader icon-general-map 图标一般钱 icon-general-paperwork icon-general-people icon-general-phone icon-general-speak-out icon icon-mglass icon-scales Rebrand-arrows. 图标 - 上色 icon-colored-arrows-cross-curve icon-colored-briefcase-star icon-colored-build 图标彩色灯泡分析 图标彩色证书 icon-colored-continual-development icon-colored-duo-chatbox icon-colored-folder-mortarboard icon-colored-forward-closbon 图标彩色齿轮 - 时钟 icon-colored-globe-pen 图标彩色生长 图标彩色手泡沫 icon-colored-hand-stars 图标彩色手装备 图标彩色头部块 icon-colored-head-cog icon-colored-laptop-cbe-skyscraper 图标彩色笔记本复选标记 图标彩色笔记本电脑网页 icon-colored-location-map icon-colored-location-pin 图标彩色监视器纸张扫描 图标彩色灰泥板美元 图标彩色国家 象色人 - 聊天泡沫 图标彩色人 - 笔记本复选框 图标彩色人屏幕教练 图标彩色人白板 icon-colored-phone-chatbox icon-colored-police-light 图标彩色准备 icon-colored-presenter 图标彩色区域 icon-colored-save-time icon-colored-shirt-hat 图标彩色摩天大楼 图标彩色状态 象色的学生以学生为中心 icon-colored-support icon-colored-world-experience 图标箭头 icon-camera icon-filter icon-info-circle 映像向前 icon-play-solid icon-quote-mark-left icon-quote-mark-over icon-share-square-o icon-spinner icon-tag. icon-simple-chat 图标 - 简单桌面 icon-simple-find icon-simple-hamburger icon-simple-phone icon-testimonial-quotes icon-social-facebook - 广场彩色 icon-social-facebook-square icon-social-facebook icon-social-google-plus-square icon-social-google-plus icon-social-instagram icon-social-linkedin-square-colored icon-social-linkedin-square icon-social-linkedin icon-social-pinterest-p 图标 - 社交 - 推特 - 广场 图标 - 社交推特 icon-social-youtube-播放彩色 icon-social-youtube-play logo-rasu-horizontal Ras-Logo-Flame ras-logo-horizontal ras-logo堆叠 icon-util-checkbox-white icon-util-checkbox icon-util-checked-white icon-util-checked icon-util-chevron-down icon-util-chevron-left icon-util-chevron - 右 icon-util-chevron-up icon-util-language-switch icon-util-loading icon-util-open-window-button icon-util-open-window-link icon-util-pdf-button icon-util-pdf-link icon-util-refresh icon-util-x