一个站点可以从权限的角度分为站点前台和后台，从代码的角度来看，通常向用户显示的页面称为前端，阻止用户浏览的页面是后端代码。前端页面不仅需要美观的设计，还需要性能、浏览器兼容性、不同设备的兼容性，前端页面的SEO优化只是前端代码优化中缺少锯齿的一个过程，可以忽略。但是这个非常精细的过程对网站后期的浏览次数有着非常重要的影响。

　　前端设计

　　书房的书房优化像盐一样味道苦，难以吞咽，必须正好合适才能成为味美。前端设计师不理解SEO优化，因此他们只关心页面的美丽、代码的可执行性和浏览器兼容性，网站联机后，SEO优化人员必须再次审阅和优化代码。

　　因为在此过程中，代码修改使以前设计的CSS或js不可避免地会发生相关更改，所以对全面开发人员来说当然是不需要的事情，不想修改是非常麻烦的事情。我们都知道，某些CSS代码已经发生了一些更改，可能会影响网站的多页排版混乱。

　　如果前端设计在设计页面时考虑到了SEO优化，则不会出现这种情况。前端设计优化SEO需要哪些值得注意的代码和需要哪些代码？

　　01

　　对搜索引擎不利的代码

　　在SEO优化中，不要使用搜索引擎，因为某些前端代码无法识别搜索引擎。

　　①iframe框架，搜索引擎无法识别iframe框架的内容，因此在设计页面时不要使用此方法加载页面内容。

　　②小心使用JS代码控制内容，搜索引擎无法识别JS中的内容，现在通过多种技术创新，搜索引擎也可以捕获JS的一部分，但JS技术多，使搜索引擎难以包含内容。某些特殊功能是由实现的，因此最好不要在需要包含在搜索引擎中的内容中使用。

　　SEO优化

　　③绘制图片时，如果背面为页面的美观发布内容，则有时会将相关数据输出到一张图片中。例如，编写地图技术、相关数据在前台生成统计图片对优化没有帮助。

　　④懒惰加载技术，懒惰加载通常用于在用户打开页面后根据可见窗口加载内容，加载图片和长页面，实用但不利于优化，因此不建议使用。

　　02

　　TDK代码优化

　　TDK是组成页面的关键组件，许多站点范围的站点标题都相同(不要认为这是不必要的通知)。实际上还剩下很多网站)。确保每个页面的title是独立的，并且可以在站点后台分别删除每个页面。

　　①title标签使用固定格式，例如“当前页面的横幅名称网站名称”，内容分页符自动进行页码分隔。

　　②关键字和说明标签不能省略。前端开发人员不需要添加内容，但必须在页面代码中显示内容编辑添加的内容。有些网站觉得说明和关键字不重要，因此不需要直接写，让搜索引擎根据内容判断(当然可能是这样)，但搜索引擎对我们事先写的关键字或说明不准确。

　　03

　　代码简化和编码规范

　　代码简化不是指写入，而是将重复使用的CSS和JS代码尽可能合并到一个文件中，从而减少前端用户在访问页面时对服务器文件的请求。

　　按照Div CSS的规范编写代码，对于规范问题，应该说有点遗憾，因为许多前端不喜欢按照W3C标准编写。例如，如果在标题中使用h标签，则在CSS中使用div可以获得相同的视觉效果，但搜索引擎不同。h1表示当前页面的标题，p是内容部分。图片必须写入img标签内，将图片放入CSS的background内可以达到相同的效果，但搜索引擎对img标签和background中的两个图片的处理方式不同，将包含img内的图片，background中的图片将被视为站点的一个元素，并且不会包含在内。

　　这种图片代码是已经整形的前端页面，经过安全优化，第二次修改不亚于重新设计代码，所以前端通常讨厌书房应答。

　　因此，通过将CSS写入一个文件，避免在同一个页面上加载太多CSS文件和JS文件，加快页面加载速度，有助于搜索引擎捕获内容。

　　04

　　添加搜索引擎熟悉的代码说明

　　这主要是为了优化SEO而对某些搜索引擎进行的特殊标记处理，因为很少注意前端设计，所以事先添加而不使用可以减少返工。

　　①知道如何使用狍子标签，处理连接到其他网站的超链接，并相应地添加狍子，从而减少权重损失。

　　②照片中添加了alt说明，每张图片都可以收录，图像被收录，网站流量也相当可观。

　　③使用权威标签canonical标签，当多个不同的URL可以访问同一个页面时，将哪个用作常规门户，添加到头标签内，并预先设置以避免返工。

　　④如果禁止页面转码，并且移动与PC宽度不同的页面，搜索引擎会对PC进行页面转码以更好地显示页面，禁止转码的方法是在head标签内添加以下代码:

　　⑤如果您有自适应页面或独立PC(PC和移动页面URL)，并且想在移动页面上添加有助于搜索引擎的相关代码，请在head标签内添加以下代码:

　　05

　　使用JS和nofollow屏蔽链接

　　奇怪，前面不是说为了让搜索引擎识别内容，不要使用搜索引擎不知道的代码吗？不会错的，就是屏蔽！对于某些内容，您不希望收集和捕获，因此您可以使用JavaScript处理这些内容，并添加nofollow屏蔽链接跟踪。

　　一页有需要收录的内容，也有不需要收录的内容，编写代码时要牢记。

　　与这些前端相关的内容全部得到解决，剩馀内容的质量、站点关键字优化等都要交给站点编辑和SEO优化。上面也可以看到前端和SEO优化是密切相关的事情，所以紧密合作才是创建站点和提高流量的基础。

版权免责声明: 本站内容部分来源于网络，请自行鉴定真假。如有侵权，违法，恶意广告，虚假欺骗行为等以上问题联系我们删除。
本文地址：https://www.16757.com/article/216.html