网站建设：前端和后端开发人员的SEO标准
时间：2023-05-29 12:06:02 | 来源：网站运营
时间：2023-05-29 12:06:02 来源：网站运营
网站建设：前端和后端开发人员的SEO标准：
对于SEO来说，SEO不仅需要SEO专家，还需要团队支持，这意味着需要多人参与，其中包括设计师，前端和后端开发人员。每个人都必须了解他们在建立对搜索引擎友好的网站中的作用。建立网站时，通常涉及以下角色：
- SEO专家依据关键词的研究和规划基础上制定SEO策略，让开发人员知道客户的业务目标和需求有什么需要的着陆页。它们提供了网站上必须存在的页面列表以及特定于特定网站需求的任何前端编码建议。
- 信息架构师依据SEO专家的SEO策略为网站构建信息内容，可以使网站对搜索引擎友好。
- 网页设计师负责确保页面加载时间和跳出率不会受到设计元素的负面影响。
- 前端开发人员必须确保内容以搜索引擎友好的方式进行前端编写。
- 后端开发人员需要确保网址的正确规范化，并提供必要的工具，以帮助搜索引擎优化。
为了使前端编码人员和后端开发人员在进行
网站建设过程中的工作时可以轻松考虑要列出的项目清单，我们列出了一系列标准：
前端开发人员的SEO标准
CSS vs 表格
不需要提及，但是网站应该使用CSS而不是表结构。这可以改善页面上内容元素的排序。例如，能够将长长的左侧边栏放置在唯一内容块的下方而不是上方，这会很好。CSS允许这种情况发生。
H标签和其他样式元素的用法
将H标签（H1，H2，H3等）和<strong>标签的使用限制为非重复内容。这意味着不要在网站范围的标题，侧边栏，页脚或整个网站或多个页面上重复的任何内容上使用这些HTML标签。而是使用常规div。在每个页面上为唯一内容保留这些标签。
字体
尽可能使用机器可读的字体。一种替代方法是使用字体替换，例如@ font-face。作为最后的手段，使用图像显示文本。将图像放置在图像标签中（而不是使用CSS），并带有替代文字，该替代文字重复逐个图像中写入的内容。
图片
对于样式元素的图像，可以使用CSS背景图像，但对于在页面唯一的文本正文中找到的内容元素，请使用常规图像标签。对于LOGO，请使用图片标签，而不要使用文本替换，Alt标签应包含图片中显示的内容。
网站速度
网页在10Mb连接上加载的时间不应超过3秒。前端代码不是使页面快或慢的全部原因，但它们确实可以发挥作用。这意味着要合并CSS和javascript文件，在页面末尾加载javascript，压缩图片，并寻求其他削减元素的机会。
使内容可读
搜索引擎无法读取<script>标记内的内容或动态加载的内容（例如AJAX）。网页加载时未加载的所有内容很可能不会被搜索引擎接收。除非网站规范文档中明确声明，否则请勿使用动态加载内容。
后端开发人员的SEO标准
规范化
规范
URL是我们要由搜索引擎索引的任何给定网页
URL的版本。规范化是我们达到目标的过程。网站上的每个页面都只能通过一个URL访问。如果使用此处介绍的技术进行处理，则可以添加其他URL参数。
处理www和索引页面。
默认情况下，以下所有URL应重定向到http://www.example.com
http://example.com http://example.com/index.(.*) http://www.example.com/index.(.*)
在某些情况下，网站所有者可能更喜欢使用非www版本或子域作为其根域。只要所有其他版本都重定向到该所选版本，就可以了。
处理尾部斜杠
URL的末尾可能带有斜杠“ /”。有时他们没有。服务器应始终重定向到另一个。理想情况下，带斜线的版本是首选。
示例：http://www.example.com/blue-widget应该
301重定向到http://www.example.com/blue-widget/
请注意，这不是根URL（例如http://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文件并将其放置在网站的根文件夹（http://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>2020-01-01</lastmod> </url> </urlset>
当网站包含多个部分（例如，由Wordpress控制的博客）和一些其他独立的部分时，为每个部分生成单独的站点地图可能会更容易。
更新robots.txt文件
robots.txt文件控制允许搜索引擎爬网程序运行的位置。该文件应可通过CMS编辑。DedeCMS具有默认情况下应禁止的子目录列表，应从一开始就将其包括在内。
可编辑页面部分
尽管这不是SEO要求，但对于跟踪目的来说，能够编辑网站上所有网页的各个部分是有益的。这些包括：
打开<head>标记后立即。在结束</ head>标记之前。打开<body>标记后立即。紧接在</ body>标记之前。
有各种跟踪脚本可帮助获取有关用户行为的信息，这些信息需要添加到任何这些区域中。应该有一种向所有页面以及每个页面分别添加标签的方法。
图片上传
通过CMS上传图像时，文件名应该是可编辑的，而不是由CMS重写为随机字符串。图像标题和alt标签应该是可编辑的（通常在大多数内容管理系统中）。
页面速度
为了优化页面加载时间，应采用各种后端加载时间削减技术，可在此处找到其一长串列表：
http://gtmetrix.com/recommendations.html。页面加载时间不应超过3秒。
404配置
当访问随机URL时，服务器应返回404响应-而不是302、200或任何其他响应。
在线咨询
