{
    "version": "https://jsonfeed.org/version/1.1",
    "title": "SEO私馆",
    "home_page_url": "https://www.seosiguan.com/",
    "feed_url": "https://www.seosiguan.com/post/361.json",
    "language": "zh-Hans",
    "items": [
        {
            "id": "https://www.seosiguan.com/post/361.html",
            "url": "https://www.seosiguan.com/post/361.html",
            "title": "网站页面几种类型的SEO优化区别",
            "content_html": "<p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\">常规的网站有自适应页面、代码适应页面、独立跳转适应页面，三者在SEO优化方面也有较大区别，下面讲解一下。</span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\"><strong>一、自适应网站</strong></span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\">自适应页面由于代码简单，统一，PC端和移动端一致，依靠适配JS+CSS组合自动根据访问端进行展示，在SEO优化页面代码、标题等其他方面时的大部分可以比较简单的一步到位，网站PC端和移动端域名URL地址和代码一致利于节省SEO优化时间。</span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\">在head添加以下代码并且使用&lt;picture&gt;元素处理自适应图片：&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;。</span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\">自适应页面还应该在head中标识：&lt;meta name=&quot;applicable-device&quot;content=&quot;pc,mobile&quot;&gt;表示页面同时适合在移动设备和PC上进行浏览。</span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\"><strong>二、代码适应网站</strong></span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\">代码适应页面是网站PC端和移动端域名URL地址一致，代码不同，在SEO时可以针对移动端进行更好的优化，并且在pc的响应的head中添加&lt;meta name=&quot;applicable-device&quot; content=&quot;pc&quot;&gt;，在移动的响应的head中添加&lt;meta name=&quot;applicable-device&quot; content=&quot;mobile&quot;&gt;，这是告诉搜索引擎PC和移动端的代码页面属性，避免当做自适应处理风险。</span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\"><strong>三、独立跳转适应网站</strong></span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\">也叫独立移动端和PC端，网站代码结构完全是独立开发的，可以独立运营移动端网站，在SEO优化上等同于2个网站，在pc版网页(http://www.example.com/page-1) 上，添加：&lt;link rel=&quot;alternate&quot; media=&quot;only screen and (max-width: 640px)&quot; href=&quot;http://m.example.com/page-1&quot;&gt;，而在移动版网页(http://m.example.com/page-1) 上，所需的注释应为:&lt;link rel=&quot;canonical&quot;href=&quot;http://www.example.com/page-1&quot;&gt;，这是告诉搜索引擎PC端和移动端互相对应的页面URL地址。 &nbsp; </span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\"><strong>三者的SEO优化效果状况如何？</strong></span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\">自适应网站的SEO优化效果稳定性一般，需要付出较多的时间精力做SEO运维。</span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\">代码适应网站的SEO优化效果稳定性较好，适合中后期大量布置关键字和长尾词。</span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\">独立移动端网站的SEO优化效果稳定性较强，适合运营策略做大量词汇。</span></p><p><span style=\"font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;\">结语：不建议在SEO技术不够强悍的程度去混合使用不同的页面类型网站，理论上前端统一一种即可。</span></p>",
            "content_text": "常规的网站有自适应页面、代码适应页面、独立跳转适应页面，三者在SEO优化方面也有较大区别，下面讲解一下。一、自适应网站自适应页面由于代码简单，统一，PC端和移动端一致，依靠适配JS+CSS组合自动根据访问端进行展示，在SEO优化页面代码、标题等其他方面时的大部分可以比较简单的一步到位，网站PC端和移动端域名URL地址和代码一致利于节省SEO优化时间。在head添加以下代码并且使用<picture>元素处理自适应图片：<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">。自适应页面还应该在head中标识：<meta name=\"applicable-device\"content=\"pc,mobile\">表示页面同时适合在移动设备和PC上进行浏览。二、代码适应网站代码适应页面是网站PC端和移动端域名URL地址一致，代码不同，在SEO时可以针对移动端进行更好的优化，并且在pc的响应的head中添加<meta name=\"applicable-device\" content=\"pc\">，在移动的响应的head中添加<meta name=\"applicable-device\" content=\"mobile\">，这是告诉搜索引擎PC和移动端的代码页面属性，避免当做自适应处理风险。三、独立跳转适应网站也叫独立移动端和PC端，网站代码结构完全是独立开发的，可以独立运营移动端网站，在SEO优化上等同于2个网站，在pc版网页(http://www.example.com/page-1) 上，添加：<link rel=\"alternate\" media=\"only screen and (max-width: 640px)\" href=\"http://m.example.com/page-1\">，而在移动版网页(http://m.example.com/page-1) 上，所需的注释应为:<link rel=\"canonical\"href=\"http://www.example.com/page-1\">，这是告诉搜索引擎PC端和移动端互相对应的页面URL地址。 三者的SEO优化效果状况如何？自适应网站的SEO优化效果稳定性一般，需要付出较多的时间精力做SEO运维。代码适应网站的SEO优化效果稳定性较好，适合中后期大量布置关键字和长尾词。独立移动端网站的SEO优化效果稳定性较强，适合运营策略做大量词汇。结语：不建议在SEO技术不够强悍的程度去混合使用不同的页面类型网站，理论上前端统一一种即可。",
            "date_published": "2021-11-06T00:26:41+00:00",
            "date_modified": "2022-01-01T17:31:03+00:00",
            "summary": "常规的网站有自适应页面、代码适应页面、独立跳转适应页面，三者在SEO优化方面也有较大区别，下面讲解一下。一、自适应网站"
        }
    ]
}