前端开发seo怎么优化

这是一个对于任何HTML编码或后端开发人员都想知道他们应该了解什么是SEO的帖子。现场搜索引擎优化需要的不仅仅是一个搜索引擎优化专家。这是一个团队的努力。这意味着要让更多的人参与进来,包括设计人员、前台和后台开发人员。每个人都必须了解他们在建立一个搜索引擎友好网站的作用。

当建立一个网站时,这些角色通常包括:

SEO策略家根据客户对业务目标和需求的了解,进行关键字研究并计划所需的登录页面。他们提供了一份必须在网站上的页面列表,以及针对特定网站需要的任何前端编码建议。

信息架构师从SEO策略师那里获取信息,然后将其集成到他们的IA工作中,这是一个既可用又搜索引擎友好的网站。

设计人员创建了一个接口,将IA线框图转换成一个有良好标识的、有效的通信工具,该工具可以处理为搜索引擎优化所指定的必要内容。设计人员还负责确保他们使用的对SEO项目至关重要的字体是机器可读的,并且页面加载时间和反弹率不会受到设计元素的负面影响。

前端编码器必须确保内容以搜索引擎友好的方式编码。

后端开发人员需要确保url的规范化,并提供必要的工具来帮助SEO。

前端编码器的SEO标准:

为了便于前端程序员和后端开发人员在完成网站建设过程中需要考虑的项目列表,我列出了一个标准列表:

CSS和表

这不需要提及,但是网站应该使用CSS而不是表格结构。这允许在页面上改进内容元素的排序。例如,能够放置一个长左侧的侧栏而不是上面的一个独特的内容块会很好。CSS允许这种情况发生。

使用H标签和其他样式元素

限制使用H标签(H1,H2,H3,等等)和<强>标签到非重复内容。这意味着,不要在站点范围的标题、边栏、页脚或任何重复出现在网站或多页的内容上使用这些HTML标记。相反,使用常规的div。在每个页面上保留这些标签以获得独特的内容。

字体

尽可能使用机器可读的字体。另一种选择是使用像@ font- face这样的字体替换。作为最后的手段,使用图像来显示文本。将图像放在图像标签(而不是使用CSS)中,使用alt文本,重复在图像中写入的内容。

图片

对于风格元素的图像来说,使用CSS背景图像是很好的,但是对于内容元素,在一个特定于页面的文本主体中发现,使用一个常规的图像标记。对于徽标,使用图像标签而不是使用文本替换,如图所示。http://css- UNK s.com/rethinkcss -image- replacement/(参见“新方法”)。Alt标签应该包含图片中看到的单词。

网站的速度

一个web页面不应该花超过3秒的时间来加载10Mb的连接。前端编码器不负责整个页面的快速或缓慢,但他们确实有角色扮演。这意味着要整合CSS和javascript文件,在页面末尾加载javascript,创建精灵,寻找其他的切割机会。

使内容可读

搜索引擎在阅读<脚本>标签或动态加载(如AJAX)的内容时遇到问题。任何不载入页面载入的东西都很可能不会被搜索引擎选中。除非在网站规范文件中明确说明,否则不要使用动态加载内容。

后端开发人员的SEO标准

规范化

一个规范的URL是任何给定web页面的URL的版本,我们希望通过搜索引擎索引。规范化是我们实现这一结果的过程。网站上的每一页都只能从一个URL访问。如果使用这里描述的技术处理,可以添加额外的URL参数。

处理www和索引页。
处理www和索引页。

默认情况下,所有以下的url应该重定向到www.nb-seo.cn

example.com

example.com/index。(. *)

www.nb-seo.cn/index。(. *)

在某些情况下,网站所有者更喜欢使用非www版本或子域作为它们的根域。只要其他版本重定向到选定的版本,就可以。

处理斜杠

url可能有一个结尾的斜杠“/”。有时他们不。服务器应该总是重定向到一个或另一个。理想情况下,使用斜线的版本更可取。

例子:

www.nb-seo.cn/blue- widget应该重定向到www.nb-seo.cn/blue -widget/

请注意,这不是根url的问题,例如www.nb-seo.cn。一个斜线将永远不会出现在这个URL的末尾。

规范化子页

一个电子商务网站的产品页面可以在3个不同的url访问,这不是一个好主意。该示例演示了来自CMS体系结构的问题。理想情况下,应该只有一个URL。

/产品/ reebok-black-crossfit-shoe / ET256 /

/ /产品/ reebok-black-crossfit-shoe / ET256 /鞋

/鞋/健身/产品/ reebok-black-crossfit-shoe / ET256 /

在这种情况下,类别和子类别似乎在不断变化,最好的URL是/产品/ reebok-black-crossfit-shoe/ET256 /。没有其他的url应该打开这个页面。可以向URL添加参数。例如,如果使用规范链接标签,那么以下url的存在是可以的。

例如,如果使用规范链接标签,那么以下url的存在是可以的。

/产品/ reebok-black-crossfit-shoe / ET256 /

/产品/ reebok-black-crossfit-shoe / ET256 / ?猫=鞋

/产品/ reebok-black-crossfit-shoe / ET256 / ?猫= shoes&subcat =健康

对于上面的每个url,应该将标准链接标签添加到页面的< head >部分。规范链接标签的目的是告诉搜索引擎哪个版本的URL指向索引。如前所述,我们想要索引的URL的版本是/ product/reebok-black-crossfit-shoe/ET256 /。在这种情况下,标准链接标签应该像上面的所有3个url:

<链接的href = ” https://www.nb-seo.cn/product/reebok-black-crossfit-shoe/ET256/ ” rel = “规范化” >

附注:为了便于跟踪,营销者需要向一个URL添加额外的参数。这些参数不应该被覆盖,它们不应该导致页面出现404错误。

CMS的功能,有助于搜索引擎优化

因为大多数网站使用某种内容管理系统,这意味着SEO专家需要依靠CMS来帮助他们修改网站内容以达到他们的目标。以下是CMS的功能,帮助搜索引擎优化:

能够在所有页面上修改标题标签和关键元数据。这意味着要进入以下领域的内容:

<标题> {内容} < /名称>

(默认情况下,使用这个:{Page Name} | {公司名称})

< meta name = “描述” content = ” {内容} ” >

(默认情况下,保留这个空)

< meta name = “机器人” content = ” {内容} ” >

(默认情况下,使用指数)

<链接的href = ” {内容}”rel = “规范化” >

默认情况下,匹配页面的URL。如果页面的URL是https://www.nb-seo.cn/product/reebok-black-crossfit-shoe/ET256/然后规范化链接标记:<链接的href = ” https://www.nb-seo.cn/product/reebok-black-crossfit-shoe/ET256/ ” rel = “规范化” >

站点地图的更新。xml文件:

CMS应该能够生成一个站点地图。xml文件并将其放在网站的根文件夹(www.nb-seo.cn/sitemap.xml)。它应该包含网站的所有主页和自动更新,当新页面添加或删除。这是下面的格式:

<?xml version=”1.0″ encoding=”UTF-8″?>
<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″>
<url>
<loc>https://www.nb-seo.cn/</loc>
<lastmod>2005-01-01</lastmod>
</url>
</urlset>

当一个网站包含多个部分时,例如一个wordpress控制的博客,以及其他一些独立的部分,可以更容易地为每个部分生成一个单独的站点地图。这些可以使用站点地图索引文件,见此示例:https://www.bluefountainmedia.com/sitemap.xml

更新的机器人。txt文件

机器人。在允许搜索引擎爬虫的地方,txt文件控制。这个文件应该通过CMS来编辑。Magento有一个子目录列表,默认情况下应该不允许包含这些子目录。

可编辑的页面部分

虽然它不是一个SEO要求,但它有利于跟踪目的,以便能够编辑网站上所有网页的不同部分。这些包括:

立即打开< head >标签。

立即关闭< /head >标记。

打开后立即< body >标签。

在关闭< /body >标签之前。

有各种跟踪脚本可以帮助获取关于用户行为的信息,这些信息需要添加到这些区域中的任何一个。应该有一种方法可以将标签添加到所有页面以及每个页面。

图像上传

当图像通过CMS上传时,文件名应该是可编辑的,而不是由CMS对随机字符串进行重写。图像标题和alt标记应该是可编辑的(它们通常在大多数内容管理系统中)。

页面速度

为了优化页面加载时间,各种后端加载时间切割技术应该雇佣,一长串的可以在这里找到:http://gtmetrix.com/recommendations.html。页面加载时不应超过3秒。

404的配置

当访问一个随机URL时,服务器应该返回404响应——而不是302、200或任何其他。

如果这篇文章是有益的,或者如果你有其他的标准,请在下面的评论中告诉我!

声明:本文由 宁波SEO原创或整理发布,已提交版权信息!请勿采集,违者必究! 更多优化知识请查看 SEO教程

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注