搜索引擎优化(seo)的基本工作模块(1.前端页面模型与搜索引擎优化)

　　搜索引擎优化(seo)的基本工作模块(1.前端页面模型与搜索引擎优化)

　　很多人担心前端开发中HTML编码和SEO的关系。小编可以很清楚的告诉大家，确实有关系。其次，前端开发的代码会对关键词排名产生很大的影响。优化无法避免的点。

　　按照百度官方的说法，相关性是排名的一个重要维度，前端布局或页面模型是相关性的重要组成部分，即前端包括关键词布局、内链调用机制、页面模型，这些点影响相关性，相关性影响排名，排名是SEO的基本目标。

　　1.前端页面模型与SEO息息相关。在教授SEO的过程中，我经常向参加SEO培训的学员灌输页面模型的概念。一个好的页面模型有很多对搜索引擎友好的元素，比如关键词出现在哪里，关键词出现的频率，当前页面链的构建机制等等。从整体层面来说，就是要通过不同的版块、不同的维度、主题一致、丰富性好来说明当前页面的核心观点。这些点是搜索引擎优化的核心。

　　2.标题和描述的前端优化点已经多次突出显示。标题：只强调重点。重要关键词出现次数不要超过2次，并且要放在前面，理论上每页的标题应该不一样。description : 这里总结一下页面的内容，长度合理，不要堆叠关键词。每个页面的描述都不同。

　　3.符合W3C的前端HTML代码编写标准是搜索引擎优化的基本技能。搜索引擎最直接的面孔是网页的超文本标记语言代码。如果代码是语义化的，搜索引擎就很容易理解页面的含义。比如一个文本模块，标题要大，使用h1-h6灵活恰当，使用ul或者ol列出代码，重要的词使用strong等等。总之要充分利用各种HTML标签来做他们的工作，当然他们应该与主流浏览器兼容，如 IE、Firefox 和 Chrome。

　　4.在html代码中输入重要的关键字。搜索引擎从上到下捕获 Web 内容。使用此功能，可以先阅读主要代码，然后可以将不太重要的代码（如广告）放在下面。比如左栏和右栏的代码不变，只需要改变样式，float:left；浮动：对；因为两列在展示位置可以自由互换，所以优先使用重要代码。确保首先捕获爬行动物。它也适用于多列。

　　5.前端权重标签会影响 SEO 结果。搜索引擎不会像普通人那样查看网页。他们查看源代码。只要它收录信息，搜索引擎就可以查看它。一般来说，H1标签和强标签等权重标签起着重要作用。图像标签 alt 用作解释。这些前端标签会影响 SEO 结果，但不是绝对的。

　　6、懂SEO的行业从业者一般都尽量避免在js上输出重要内容。蜘蛛在JS中加载内容并不容易，所以请尽量使用必须放入html的iframe框架用于重要内容。搜索引擎不会检索 iframe 内的内容。重要内容不应放在框架内。

　　7、保留文字效果。如果需要考虑用户体验和 SEO 效果，我们可以使用样式控件来防止文本文本出现在浏览器上，但是页面代码中有一个 header 必须使用图像，例如带有个性化字体的 header。

　　比如这里的“电视剧分类”，为了完全还原设计，前任工程师将文字作为背景图，然后将html中文字的缩进设置为足够负的大小，抵消掉在浏览器之外。，也可以通过设置行高来隐藏文字。注：显示：不允许有内容；因为搜索引擎会过滤掉 Display: None; 这样，蜘蛛就不会搜索和爬取里面的内容。

　　8.前端使用 CSS 截断字符来最大化 SEO。如果文字过长，可以使用样式截断，设置高度，隐藏多余的部分。这样做的好处是文本完全呈现给搜索引擎，同时保证外观。

　　9.压缩和格式化代码。在上线之前，可以使用一些工具来压缩和格式化网页，CSS和JS，这样可以减少页面的大小。没有 CSS 表达式，效率会受到影响。通过使用cdn网络，可以提高用户的访问速度。如果gzip压缩有效，阅读速度会更快，搜索引擎蜘蛛抓取的信息量也会增加。

　　10.模拟静态设置对SEO的影响。如果是动态网页，可以开启模拟静态功能，让蜘蛛“误会”静态网页。由于静态网页迎合蜘蛛，在 URL 中添加 关键词 更有效。