搜索引擎主题模型优化(前端与SEO有什么相关吗？前端中的页面模型)

　　搜索引擎主题模型优化(前端与SEO有什么相关吗？前端中的页面模型)

　　网站前端HTML代码的制作是SEO优化和推广的基础。很多人都在纠结前端HTML代码和SEO到底是什么关系。首先，它必须是相关的。其次，前端会严重影响关键词的排名，是做SEO所有必要的考虑。

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

　　前端和SEO有关系吗？

　　1、前端的页面模型与SEO息息相关。在教授SEO的过程中，我会经常给参加SEO培训的同学们灌输页面模型的概念。一个高质量的页面模型有很多对搜索引擎友好的元素，比如关键词出现的位置，关键词出现的频率，以及当时页面的内部链接构建机制. 大体上，就是通过不同的版块来讨论当时的页面中心点，维度不同，主题通用，丰富度也不错。这些点是SEO的中心。

　　2、标题和描述前端优化点多次强调。

　　title：重点突出重点，重要的关键词出现次数不要超过2次，而且要在最前面，而且每一页的标题要不同；

　　description：这里总结一下网页的内容，长度要合理，不要堆积太多关键词，每个页面的描述要不同。

　　3、符合W3C标准的前端HTML代码编写标准是SEO的基本功。对于搜索引擎来说，最直接的面孔就是网页的HTML代码。如果代码以语义的方式编写，搜索引擎将很容易理解网页的含义。例如，文本模块必须有大标题，合理使用h1-h6，列表形式的代码使用ul或ol，重要文本使用strong等等。毕竟要充分利用各种HTML标签来完成自己的功课。当然，它们必须兼容IE、Firefox、Chrome等主流浏览器。

　　4、重要的 关键词 放在 HTML 代码中。搜索引擎从上到下抓取 HTML 内容。使用此功能，可以先读取初级代码，将广告等不重要的代码放置在底部。例如，如果左列和右列的代码保持不变，只需更改样式并使用 float:left; 和浮动：对；随意调换显示上的两列，保证重要的代码在最上面，爬虫先爬。这同样适用于多列的情况。

　　5、前端权重标签会影响 SEO 结果。搜索引擎不会像普通人那样看网页。他们查看源代码。只要源代码中的信息可以被搜索引擎查看。所谓权重标签，如H1标签、强标签等，起着重要作用；图像标签 alt 起解释作用。前端的这些标签会影响 SEO 结果，但不是绝对的。

　　6、SEO禁忌使用js输出重要内容。蜘蛛不会读取 JS 中的内容，所以重要的内容必须放在 HTML 中；尽量少用 iframe 结构。搜索引擎不会抓取 iframe 中的内容，重要的内容也不应该放在结构中。

　　7、保存文字效果。

　　如果需要协调用户体验和SEO功能，在需要使用图片的地方，比如个性化字体的标题，我们可以使用样式控制，让文字不会出现在浏览器上，而标题在网页上页码。.

　　比如这里的“电视剧分类”中，为了完美还原设计图，前端工程师可以把文字做成背景图，然后用样式设置html中文字的缩进到一个足够大的负数以偏离浏览器，您还可以通过设置行高来隐藏文本。注意：不能使用 display:none; 隐藏文本的方法，因为搜索引擎会过滤掉 display:none; 中的内容，不会被蜘蛛检索到。

　　8、前端使用CSS截取字符，最大化SEO的效果。如果文字过长，可以使用样式截取，设置高度，隐藏多余部分。这样做的好处是使文本在搜索引擎中看起来完整无缺，同时确保美观。

　　9、压缩和格式化的代码。上线前可以使用一些工具对HTML、CSS、JS进行压缩和格式化，可以减小页面大小；不要使用 CSS 表达式，这会影响性能；使用CDN网络加速用户访问；开启GZIP压缩，浏览速度变快，搜索引擎蜘蛛爬取的信息量也会增加。

　　10、对于SEO的伪静态设置的作用。如果是动态网页，可以开启伪静态功能，让蜘蛛“误认为”这是静态网页，因为静态网页更适合蜘蛛的胃口，最好是url 收录 关键词。