公众号二维码

0755-82126668

前端编码器和后端开发人员的SEO标准

发布时间:2021-02-27 02:02:57     发布者:hqt    

当前位置:主页 > SEO资讯

对于任何想知道他们应该了解SEO的内容的HTML编码器或后端开发人员来说,这都是一篇文章。现场SEO不仅需要SEO专家。这是团队的努力。这意味着需要多人参与,其中包括设计师,前端和后端开发人员。每个人都必须了解他们在建立对搜索引擎友好的网站中的作用。建立网站时,通常涉及以下角色:

  • SEO策略做的关键字的研究和规划基础上,他们知道客户的业务目标和需求有什么需要的着陆页。它们提供了网站上必须存在的页面列表以及特定于特定网站需求的任何前端编码建议。
  • 信息架构师需要从SEO策略这些信息来那么集成到他们的IA工作的一个网站,既可以使用和搜索引擎友好。
  • 设计师创建平移IA线框进入一个良好的品牌,有效的沟通工具,因为搜索引擎优化的目的,指定可以办理必要的内容的接口。设计者还负责确保他们使用的对SEO项目至关重要的字体是机器可读的,并且页面加载时间和跳出率不会受到设计元素的负面影响。
  • 前端编码器必须确保内容以搜索引擎友好的方式编码为。
  • 后端开发人员需要确保网址的正确规范化,并提供必要的工具,以帮助搜索引擎优化。

前端编码器的SEO标准:

为了使前端编码人员和后端开发人员在进行网站建设过程中的工作时可以轻松考虑要列出的项目清单,我列出了一系列标准:

  • CSS vs表

这不需要提及,但是网站应该使用CSS而不是表结构。这可以改善页面上内容元素的排序。例如,能够将长长的左侧边栏放置在唯一内容块的下方而不是上方,将是一件很不错的事情。CSS允许这种情况发生。

  • H标签和其他样式元素的用法

将H标签(H1,H2,H3等)和<strong>标签的使用限制为非重复内容。这意味着不要在网站范围的标题,侧边栏,页脚或整个网站或多个页面上重复的任何内容上使用这些HTML标记。而是使用常规div。在每个页面上为唯一内容保留这些标签。

  • 字型

尽可能使用机器可读的字体。一种替代方法是使用字体替换,例如@ font-face。作为最后的手段,使用图像显示文本。将图像放置在图像标签中(而不是使用CSS),并带有替代文字,该替代文字逐个单词地重复图像中写入的内容。

  • 图片

对于样式元素的图像,可以使用CSS背景图像,但对于在页面唯一的文本正文中找到的内容元素,请使用常规图像标签。对于徽标,请使用图片标签,而不要使用文本替换,如此处所示。http://css-tricks.com/rethinking-css-image-replacement/  (请参阅“新方法”)。Alt标签应包含图片中显示的单词。

  • 网站速度

网页在10Mb的连接上加载所花费的时间不应超过3秒。前端编码器不负责使页面快速或慢速运行的全部原因,但它们确实可以发挥作用。这意味着要合并CSS和javascript文件,在页面末尾加载javascript,创建图片,并寻求其他削减规模的机会。

  • 使内容可读

搜索引擎无法读取<script>标记内的内容或动态加载的内容(例如AJAX)。网页加载时未加载的所有内容很可能不会被搜索引擎接收。除非网站规范文档中明确声明,否则请勿使用动态加载内容。

后端开发人员的SEO标准

规范化

规范URL是我们要由搜索引擎索引的任何给定网页URL的版本。规范化是我们达到该结果的过程。网站上的每个页面都只能通过一个URL访问。如果使用此处介绍的技术进行处理,则可以添加其他URL参数。

  • 处理www和索引页面。

默认情况下,以下所有URL应重定向到www.example.com

example.com example.com/index.(.*) www.example.com/index.(.*)

在某些情况下,网站所有者倾向于使用非www版本或子域作为其根域。只要所有其他版本都重定向到该所选版本,就可以了。

  • 处理尾部斜杠

URL的末尾可能带有斜杠“ /”。有时他们没有。服务器应始终重定向到另一个。理想情况下,带斜线的版本是首选。

示例:www.example.com/blue-widget应该301重定向到www.example.com/blue-widget/

请注意,这不是根URL(例如www.example.com)的问题。该URL的末尾永远不会出现斜杠。

  • 规范化子页面

电子商务网站上的产品页面(可通过3个不同的URL访问)不是一个好主意。该示例演示了CMS体系结构引起的问题。理想情况下,应该只有一个URL。

/product/reebok-black-crossfit-shoe/ET256/

/shoes/product/reebok-black-crossfit-shoe/ET256/

/shoes/fitness/product/reebok-black-crossfit-shoe/ET256/

在这种情况下,类别和子类别似乎在不断变化,因此最好使用URL /product/reebok-black-crossfit-shoe/ET256/。没有其他URL可以打开此页面。可以在URL中添加参数。例如,如果使用规范链接标记,则以下URL的存在是可以的。

/product/reebok-black-crossfit-shoe/ET256/

/product/reebok-black-crossfit-shoe/ET256/?cat=shoes

/product/reebok-black-crossfit-shoe/ET256/?cat=shoes&subcat=fitness

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

<link href="http://www.example.com/product/reebok-black-crossfit-shoe/ET256/" rel="canonical" >

旁注:出于跟踪目的,营销人员需要在URL中添加其他参数。这些参数不应被覆盖,也不应导致页面出现404错误。

有助于SEO的CMS功能

由于大多数网站都使用某种内容管理系统,这意味着SEO专家将需要依靠CMS来帮助他们修改网站内容以实现其目标。以下是有助于SEO的CMS功能:

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

<title>{CONTENT}</title> (默认情况下,使用此:{页面名称} | {公司名称})

<meta name="description" content="{CONTENT}" > (默认情况下,将此留空)

<meta name="robots" content="{CONTENT}" > (默认情况下,使用索引,如下)

<link href="{CONTENT}" rel="canonical" >    (默认情况下,匹配页面的URL。因此,如果页面的URL为http://www.example.com/product/reebok-black-crossfit-shoe/ET256/,则规范链接标记应类似于: <link href =“ http://www.example.com/product/reebok-black-crossfit-shoe/ET256/” rel =“ canonical”>

  • 更新sitemap.xml文件

CMS应该能够生成sitemap.xml文件并将其放置在网站的根文件夹(www.example.com/sitemap.xml)中。它应包含网站的所有主页,并在添加新页面或删除某些页面时自动更新。这是要遵循的格式:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://www.example.com/</loc> <lastmod>2005-01-01</lastmod> </url> </urlset>

当网站包含多个部分(例如,由Wordpress控制的博客)和一些其他独立的部分时,为每个部分生成单独的站点地图可能会更容易。这些可以链接到使用站点地图索引文件,如本示例所示:https : //www.bluefountainmedia.com/sitemap.xml

  • 更新robots.txt文件

robots.txt文件控制允许搜索引擎爬网程序运行的位置。该文件应可通过CMS编辑。Magento具有默认情况下应禁止的子目录列表,应从一开始就将其包括在内。

  • 可编辑页面部分

尽管这不是SEO要求,但对于跟踪目的来说,能够编辑网站上所有网页的各个部分是有益的。这些包括:

打开<head>标记后立即。紧接在</ head>标记之前。打开<body>标记后立即。紧接在</ body>标记之前。

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

  • 图片上传

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

  • 页面速度

为了优化页面加载时间,应采用各种后端加载时间削减技术,可在此处找到其一长串列表:http : //gtmetrix.com/recommendations.html。页面加载时间不应超过3秒。

  • 404配置

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