SEO优化是外贸营销型网站的三大特点之一，其中技术性SEO优化是最基础、最关键的。没有全面的站内技术性SEO作为网站构建的基础，很难让网站的页面在SERP中获得理想的排名。
技术性SEO四大支柱
技术性SEO既包含程序代码的技术性SEO，又包含SEO运营的技术性操作，是外贸营销型网站推广的核心组成部分。技术性SEO的合理优化有利于最大化网站的营销功能，节省后期运营的成本，达到事半功倍的营销效果。技术性SEO可以概况为四个方面，也是技术性SEO的四大支柱，表现为网站可访问性、SEO技术熟练度、网站架构、相关性。
网站可访问性(Accessibility)
正确地根据网站可访问性的原则对网站进行优化，可以帮助用户改善浏览体验，提升加载速度。
1.什么是网站可访问性
根据W3C的说法，网站的可访问性指的是网站可以让所有人访问、理解并使用，无论他们的硬件、软件、语言或地理位置如何。即使是残障人士，比如有各种听觉、视觉和认知能力障碍的人，也可以访问和使用网站。通过https://www.w3.org/WAI/可以更深入地了解网站可访问性的倡议。
2.提高网站可访问性的建议
(1)不过度依赖颜色。
颜色是一种强大的工具，经常用来表达情感和在网上交流信息。然而，网站开发者不应该把所有的信息都用颜色来传达。
例如人们普遍认为绿色意味着正确，红色意味着错误，但是当我们把颜色作为唯一的沟通方式时，会发生什么呢?色盲是最常见的视力缺陷之一，全球大约有8%的人有这方面的缺陷。如果用户界面中显示的重要信息只使用颜色来传达，那意味着全球将有8%的人受到影响。
颜色应该只是信息的补充，不能成为我们使用的唯一工具。为了确保重要信息能够触达到所有的用户，应该在表单中添加标签或图标来填充正确的信息，如图1所示。
图1 表单标签示例
网站设计团队需要合理利用工具来提升设计效果，比如caniuse.com提供了一个非常有趣的工具，即一个类似于颜色调色板的测试列表，用来测试不同颜色的适配程度；可以使用Sketch的Stark插件检查颜色的可识别度和对比效果。
(2)不屏蔽放大功能。
在欧洲和亚洲，30%～60%的成年人有散光症状，模糊的视觉会影响其浏览网站。放大功能是网页可访问性的基础非常实用。因此，建设响应式网站时注意不要屏蔽放大功能。
(3)重视Alt属性。
Alt属性是![]()
元素的一个强制性属性，但是Alt的属性值也可以是空的。因为如果图像是装饰或者没有必要阐述图像的内容，那么可以简单地使用alt=""。
屏幕阅读器会告诉用户![]()
是一个图像，其中Alt的值告诉用户这个图片表达的内容。图像的功能和它的含义一样的重要，比如网站Logo链接到网站的主页，那么![]()
的Alt属性值可以是“Home”，也可以是“Logo”。此外，有些网络慢的用户为了提高网站的访问速度会禁用网页的图片，针对这类用户群体，给网站图片加上Alt标签就会变的非常必要且有效。
不是所有图片都使用![]()
元素，可能会用一两个SVG(ScalableVectorGraphics)或者一套SVG图标。为了描述SVG，可以使用
和<desc>元素来进行简述和详细的描述。</p><p>(4)给视频添加标题和字幕。</p><p>这可能是网站可访问性最麻烦的原则之一，不是因为技术上的困难，而是因为它很费时。</p><p>以YouTube为例，一旦在YouTube上传了一个视频，就可以启用标题和字幕自动生成功能。可能在某些情况下并不准确，这取决于语言、背景噪声或说话人的口音。如果没有看到百分百准确的内容，需要另外撰写视频的标题和字幕。</p><p>如果不想把YouTube当作主机平台，可以在服务器上使用一个HTML5视频。HTML5有一个<track>标签，可以用它添加合适的标题和字幕。</p><p>(5)使用语义化标签。</p><p>自从第一个HTML页面诞生以来，语义一直存在，目前已经有了很大的进步。有了HTML5标准之后，新的语义标签就被引入日常的使用中。语义不仅是为了SEO，当我们有意识地使用<h1>标签时，这意味着故意更改元素，提供了层次结构，同时也构建了页面信息的树形结构。语义化是屏幕阅读器最有用的“武器”之一。尽可能为每个元素使用合适的语义标签。</p><p>(6)使用正确的标记。</p><p>比如：<time>和<datetime>，<del>和<ins>，<button>和<a>等。</p><p>(7)必要时使用role。</p><p>为了告诉屏幕阅读器用户，链接触发了一个动作，实际上它不是一个普通的<a>标签，这时必须使用role=<button>来定义其属性。但要注意，当编写JavaS-cript时，不仅需要在点击时调用函数，还需要在用户按下回车键时调用函数。因为用于按钮的行为不同于用于链接的行为，用户应该能够触发这些命令中的任何一个操作。</p><p>通常不需要使用aria和role属性标签。因为HTML语义元素有些已经有了默认含义，比如<table>表示表单，<a>表示链接等。如果需要改变这些默认含义就必须要使用role属性值重新定义。</p><p>(8)隐藏元素。</p><p>使用HTML和CSS的一些方法可以隐藏东西。通过隐藏元素可以找到每一种情况的最佳选择。隐藏元素与具体方法见图2。</p><p style="text-align: center;">图2 网页隐藏元素和方法</p><p>如果想隐藏元素，但依旧想让其被屏幕阅读器识别，最后一种方式是最佳选择。</p><p>(9)遵循Web可访问性标准。</p><p>需遵循Web可访问性W3C标准和WCAG指南。</p><p>具体请参考：https://www.w3.org/TR/WCAG20。</p><p>(10)审查与评估。</p><p>可使用以下工具测试网站可访问性：</p><p>ChromeVox：https://support.google.com/chromebook/answer/7031755?hl=en;</p><p>Accessibility Developer Toolsfor Chrome：https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en;</p><p>Color Filter：https://www.toptal.com/designers/colorfilter;</p><p>W3C Validator：https://validator.w3.org/;</p><p>A11Y Compliance Platform：https://www.boia.org;</p><p>WAVE：https://wave.webaim.org/。</p><p>SEO技术熟练度(Proficiency)</p><p>网站SEO技术熟练表现为以下几方面。</p><p>1.多平台适应性</p><p>通过对监控器行业的几家龙头企业进行数据分析，数据见图3。数据分析表明PC端与移动端相比，移动端的流量都高于PC端。</p><p></p><p style="text-align: center;">图3 PC端和移动端流量占比示例</p><p>因此，作为一个具有营销型功能的外贸网站，必须确保其适应各种访问界面，尤其是作为极大流量入口的移动端，不容忽视。</p><p>2.健康的站内链接结构</p><p>健康的站内链接结构允许搜索引擎找出网站上的哪些内容是相关的，并确定这些内容的价值。一个页面收到的站内链接越多，它对搜索引擎来说就越重要。因此，好的内部链接对搜索引擎优化至关重要，特别是对一些大型网站，或者结构相对复杂的网站而言，合理的站内链接策略非常必要。</p><p>(1)站内链接对谷歌的重要性。</p><p>谷歌通过链接发现网站上的内容，并在搜索结果中对这些内容进行排名。如果一个帖子或页面有很多链接，这对于谷歌而言是一个信号，说明这个链接是一个重要的或高价值的页面。内部链接是网站所有者可以控制的部分，正确的内部链接，可引导访客和谷歌到最重要的页面。具体体现在以下四个方面。</p><p>①加快收录。</p><p>正确地对网站的内部链接进行SEO优化，站点中网页间的互链有助于提高搜索引擎对网站的爬行索引效率，有利于网站的收录。一个页面要被收录，前提是要能够被搜索引擎的蜘蛛爬行到，蜘蛛的爬行轨迹是顺着一个链接到另一个链接，想让搜索引擎蜘蛛更好地爬行，一般都需要通过链接来引导。但是内页的爬行需要良好的内部链接，如果不小心形成死链，蜘蛛就无法继续爬行，从而导致收录不佳。</p><p>②传递链接值。</p><p>获得内部链接越多的页面通常获得的PR(PageRank，网页级别)就会越高。内部链接有助于PR的传递，平均站内网页的权威度。通常一个网站的首页有最大的链接价值，因为它有最多的内部链接。这个链接的价值将在主页上的所有链接之间共享，传递到下一个页面的链接值在该页面上的链接之间划分，以此类推。</p><p>了解链接传递链接价值的概念后，就会明白一个页面获得的链接越多意味着价值越高。因为谷歌认为拥有大量有价值链接的页面更重要，因此会增加该页面排名的机会。虽然现在谷歌不更新PR值了，但是这个链接值对谷歌排名依然有效。</p><p>③优化排名。</p><p>良好的内部链接策略能优化网站排名。在搜索引擎面前，一个链接代表一张投票，外部链接就是网站之间的互相投票，而内部链接则代表了网站内各页面间的互相投票。通过大量而适度的内部链接来支持某一个具体页面，有助于该内容页主题的集中，促使搜索引擎识别出哪些页面在网站中是重要的，进而优化该页面的排名。因此，在搜索引擎优化的过程中，网站中哪些网页参与了主要关键词的排名竞争，一般做内部链接的时候就会采用这些主要关键词进行锚文本操作，从而使该主题中的核心关键词在搜索引擎中更具有排名优势。</p><p>④提高用户体验度。</p><p>内部链接可以提高用户体验度，增加PV(PageView，页面浏览量)，提升访问量。常见的相关产品、浏览过的产品、相关文章、热门文章、最新文章等内部链接很容易提高用户的访问体验，部署优秀的内部链接越多，页面被点击的机会越大，PV的增加越显著。这些相关产品或文章的内部链接应该尽量链接到相似主题上，否则也无法提升用户的体验度。</p><p>(2)站内链接优化的相关策略。</p><p>①把网站想象成一个金字塔，最重要的内容在顶部，最不重要的内容在底部。</p><p>②根据用户体验，制作更好的导航体验。作为站点所有者，可以完全控制站点内部链接的构建。因此，优化人员可以为访问站点的访问者设计准确的阅读路径和导航体验。读者带着非常个性化的意图和需求登录网站，有些人是来找信息的，有些人是来找产品或服务说明的，有些人可能是来找方法和沟通交流的。这些意图和需求可以通过建立内部联系得到很好的回应。给读者一个准确的或者至少是相关的页面，这样他们可以得到更多的信息。</p><p>③合理使用Nofollow标记，或Robots文件设置Disallow，来分配链接价值。</p><p>④可参考Wikipedia的内部链接方式。</p><p>⑤利用好sitemap.html页面对网站结构进行合理的分配。</p><p>⑥使用锚文本链接，且链接的页面类型要多样化，避免过多的首页链接与联系页面链接。</p><p>⑦创建足够多的内容，支撑庞大的内部链接，规划内容的时候，做好相关策略也很重要。</p><p>3.网站迁移管理</p><p>网站迁移是不可避免的。在迁移过程中，涉及URL地址的调整、服务器的改变、网站结构的调整、域名的调整等一系列问题，如果迁移管理得好，网站原本的排名与流量不会发生太大的变化，但一旦某些细节出现问题，对于网站的流量可能是致命的。</p><p>以下是网站迁移的过程中需要注意的事项以及迁移的步骤。</p><p>(1)常见的网站迁移注意事项。</p><p>①更改URL地址：如减少URL地址的层级以增强可读性，修复不正确的URL，URL设置关键词等。</p><p>②合并内容：如网站有多个关于同一个主题的页面，为了避免形成站内竞争，所以需要把它们合并在一起。</p><p>③网站重新设计：当对网站进行重新设计的时候，会添加、更改或删除内容。</p><p>④更改网站架构或URL结构：随着网站的内容丰富，以及新的服务或产品的添加，整站架构可能会发生改变。</p><p>⑤从HTTP切换到HTTPS：网站安装安全证书之后，所有的URL地址都会改变。</p><p>⑥更换服务器：不满意当前的服务器服务商，或者因为市场的调整需要更换服务器位置。</p><p>⑦切换到新的CMS管理后台：若网站在页面、功能和访问者方面获得了大量增长，需要更强大的CMS系统。</p><p>⑧更换域名。</p><p>⑨合并网站。</p><p>以上是在网站迁移过程中比较常见的一些情况，不同的情况需要不同的应对政策。</p><p>(2)网站迁移的合理步骤。</p><p>第一阶段：计划</p><p>合理的计划是成功进行网站迁移的关键。因此，花时间为网站迁移项目分配足够的资源，编写可靠的迁移清单，告知团队中的人员并让他们意识到相关的风险，此过程建议SEO专业人员参与。</p><p>这个阶段主要包括：网站迁移范围的罗列、建立网站迁移团队、确定核心事项以及目标、罗列出风险与可能发生的情况、制定合理的任务事项与周期等。</p><p>第二阶段：迁移前准备</p><p>在正式安排网站迁移之前，需要做好充分的准备，以保证最大程度降低可能遇到的风险，具体迁移前的准备工作包括以下事项。</p><p>①定义搜索引擎优化(SEO)的需求。</p><p>如果网站迁移涉及重新设计或CMS更改，请确保新的代码或后台系统满足SEO优化的相关要求。搜索引擎优化主要包含：URL结构、元信息(标题和描述)、正文内容和标题、Hreflang语言标记、XML站点地图、结构化数据、加载时间等内容。</p><p>②评估设计。</p><p>如果网站迁移涉及重新设计，那么重新设计建议有相关的SEO专家进行评估。因为设计规定了内容和链接的位置，这对SEO策略有很大的影响。如果没有加入SEO元素，在设计阶段可能会忽略站内链接、H标签、面包屑导航、合理的文案布局等。</p><p>③内容盘点。</p><p>在进行网站迁移时，需要知道迁移会影响哪些内容。所有网站上的内容，包括文字、图片、PDF、视频文件等一系列内容形式。可使用工具抓取网站，从CMS导出所有页面，并利用一些工具找到所有获得流量的页面，如谷歌的免费工具GA，GSC等。</p><p>④审核内容并列出表现最好的页面。</p><p>通过排名追踪工具、SEO分析软件、谷歌GSC/GA等分析，最终列出那些页面高流量以及高转化率的页面。</p><p>⑤将新的内容融入信息架构中。</p><p>如果要添加新内容，确定新内容是否可以成为现有网站架构的一部分是很重要的。如果现有的网站架构不能适应新的内容，就需要重新设计网站架构，并做好内容合并调整等。</p><p>⑥跟踪关键词的排名。</p><p>表现最佳的页面确定后，整理好这些页面对应的排名关键词，并更新到排名跟踪工具中，以很好地跟踪网站迁移前后的关键词排名变化，做好及时的跟进，确保关键词排名不会丢失。常见的排名跟踪工具有SEMrush，Ahrefs等。</p><p>⑦重定向。</p><p>链接重定向是当一个URL被请求访问时，服务器使用重定向功能将其重定向到另一个URL。当网站安排迁移的时候，架构与设计的改变以及URL地址的优化等常常会引起URL地址的变化，这时，301重定向就是一个很好的解决方案。通过301重定向可以解决站内外的404，以避免排名的大幅度下降。正确设置页面的重定向，务必将旧的URL重定向到最相关的新URL，而不是将它们重定向到新的主页。这样做，可以大大提高用户体验，并降低跳出率。务必正确设置域名重定向。在网站迁移过程中，错误的设置域名重定向是一个常见问题。如果旧域名受到搜索引擎的惩罚，当旧域名被重定向到新域名时，这个惩罚可能会继续。</p><p>⑧更新其他地方的URL。</p><p>URL的改变不仅影响SEO，还会影响所有营销工作，从PPC到电子邮件和宣传册等。通知营销团队中的每个人URL将发生变化，以便他们做好适当准备。当广告中使用的着陆页URL被重定向时，付费广告可能会被广告渠道暂停。</p><p>⑨为品牌重塑进行广告投放。</p><p>如果要重塑品牌，那么在新旧品牌之间投入竞价投放是有意义的，可以确保尽可能多的访问者访问网站。当开始迁移时，搜索引擎必须完全爬行并索引新站点，很可能会看到排名暂时下降。这时可以通过付费流量来弥补自然流量的损失。</p><p>⑩包含旧URL的XML站点地图。</p><p>在迁移时，保留包含旧URL的XML站点地图是很重要的，因为通过向搜索引擎提供重定向的旧URL，可以帮助搜索引擎更快地找到新URL。在站点上保留带有旧URL的XML站点地图，直到新URL被很好地索引。</p><p>⑪建立一个独立环境。</p><p>建立独立环境测试，不要直接对现有网站进行技术修改，一旦出现问题，将会直接影响当前网站用户的浏览体验。</p><p>为了使网站迁移顺利进行，一个单独的环境是很重要的，可以在其中填写内容、测试和为发布做准备，这种环境称为“新”环境。将当前环境称为“旧”环境。无论是新环境还是旧环境，本身都有一个生产环境和模拟环境。测试在模拟环境中完成。</p><p>拥有独立环境有助于在投入使用之前测试所有的功能是否在新环境中正常工作，也可以审核新环境，检查是否所有的内容设置正确，以及是否做好SEO技术性的优化设置。</p><p>确保新环境不向公众开放。最好的方法是使用HTTP身份验证。建议将办公室的IP地址列入白名单，并允许外部各方和远程团队成员通过用户名/密码访问。这是一种比使用robots.txt和robotsnoindex指令更好的方法，因为这些不会阻止其他人访问它们，而且搜索引擎不会总是遵守这些指令。</p><p>⑫降低DNS(DomainNameServer，域名服务器)记录的TTL(生存时间)值。</p><p>迁移前，重要的准备是降低DNS记录的生存时间(TTL)。TTL表示DNS服务器在再次请求域的DNS记录之前应该保留多长时间。TTL越低，它们请求的频率就越高，DNS更改传播得也就越快。拥有较低的TTL使我们能够快速迁移，并在出现问题时提供回滚迁移的灵活性。什么时候降低TTL以准备迁移取决于当前的TTL，因为这是新的TTL值在所有地方生效所需要的时间。建议在启动前将TTL降低到300(该值以秒为单位，等于5分钟)。</p><p>第三阶段：预迁移测试</p><p>做好了所有必要的安排和准备，将所有内容进行预迁移测试，以确保准备好正式上线。</p><p>①确保能够访问新环境。</p><p>如果迁移将发生在现有的域名上，可以调整主机文件或使用本地DNS服务器。</p><p>②测试重定向。</p><p>测试来自重定向计划的重定向是否实际实现并正常工作。建议可以手动做一些检查，或使用一些工具进行批量查询。</p><p>③搜索引擎优化检查。</p><p>检查URL结构是否正确，如包含关键词、层级浅、静态等，标题和描述是否合理设置，网站内容是否全面，内部链接结构是否符合SEO策略，是否正确地使用了Robots指令来防止页面被索引，是否有重复内容，新网站是否会受到爬虫陷阱的困扰，结构化数据设置是否正确。</p><p>使用正确的状态码，对于重定向使用301重定向；对于不存在的页面，使用404状态码；对于未迁移且已被删除且永远不会返回的页面，使用410状态码。检查网站404链接，特别是查找到旧URL和用于预览未发布页面的URL的链接。如果网站有多种语言版本，并且正在使用Hreflang，请确保Hreflang实现是有效的。如果正在新站点上使用分页，如产品类别页面或博客存档页面，那么请确保新的分页实现是有效的。当网站上线后，会看到网站在实践中表现如何，在这个阶段可以在新网站上运行页面速度检查，如使用GooglePageSpeedTest(谷歌页面速度测试)。建议为慢速页面设置分段，以便轻松跟踪这些内容。</p><p>域名重定向设置：如果规范域是https://example.com，那么需要确保htps://www.example.com，http://example.com和http://www.example.com所有301只需一跳就重定向到https://example.com。</p><p>在进行迁移前测试时，总会发现问题。对出现的所有问题进行分类，确定这些问题是否会阻碍发行，或者是否可以在发行后修复，要务实并记住在项目开始时定义的迁移目标。推迟发布会增加很多费用，所以要仔细权衡所发现的每个问题的利弊。如果没有出现什么严重的问题或者解决了足够多的主要问题，就可以进入下一个阶段。</p><p>第四阶段：发布或正式环境上线</p><p>确保新的网站易于访问，在发布之前，删除设置的任何限制，如：HTTP身份验证、robots.txt文件和robotsnoindex指令限制。删除所有限制之后，可以更新域名DNS记录，指向新的正式发布环境。</p><p>第五阶段：迁移后审查</p><p>①请确保在正式发布的环境中一切都正常工作，仔细检查这些优先级较高的检查清单，确保网站状态良好。</p><p>②测试核心页面：以确保它们正常工作，并包含正确的内容。</p><p>③新网站的robots.txt文件须确保所有爬虫程序具有正常的网站访问权限。</p><p>④Robots指令：是否正确设置了Robots指令(检查MetaRobots和X-Robots-Tag)。</p><p>⑤重定向：所有重定向是否都到位，且可以正常工作。</p><p>⑥SEO检查：进行在第三阶段讨论过的SEO检查，确保一切正常。</p><p>⑦XML站点地图：作为SEO检查的一部分，要确保新的XML站点地图是正确的。</p><p>⑧数据分析：确保所有必要的软件分析工具可以正常跟踪到新网站的数据。</p><p>第六阶段：迁移后随访</p><p>如果一切顺利，可以按照以下步骤进行：</p><p>①在谷歌搜索控制台(GSC)和必应网站管理员工具(BWT)中添加新的网站资源。如果迁移到一个新域，请确保在谷歌搜索控制台和必应网站管理员工具中提交新域，并更新XML站点地图。</p><p>②GSC抓取统计和网址检查。使用谷歌站长工具(GSC)的抓取统计和网址检查功能，确保谷歌收录索引网站页面。这个功能可以避免某些页面没有被正常抓取和曝光的情况。</p><p>③付费活动。付费推广中的目标URL需要确保更新为正确的新链接地址。如果有品牌变化，那么广告文本需要调整为新品牌。</p><p>④更新反向链接。找那些链接到旧网站的外链资源，将链接更新为新网站的链接。</p><p>⑤增加DNS记录的TTL值。在迁移几天后，就可以安全地增加站点DNS记录的TTL。如果网站有使用CDN，数值通常还是很低的；而如果没有使用CDN，数值通常会更高(从几小时到几天)。建议将其设置为迁移前的值。</p><p>⑥删除旧的模拟环境。旧环境只作为参考，不再被开发。</p><p>第七阶段：迁移后监视</p><p>①监控SEOKPI。确保新网站表现良好。SEO部分主要包括关键词排名、流量和转化率。由于迁移对SEO结果有很大影响，所以要关注SEOKPI，检查迁移是否顺利，即搜索引擎是否理解新站点并给到较好的排名。可以使用谷歌搜索控制台索引旧网站和新网站的页面收录情况，这时XML站点地图的提交就会派上用场。</p><p>②监测4XX错误。特别是404和410错误。检查服务器日志，以发现4XX错误，检查谷歌搜索控制台，看看谷歌是否已检测出一些4XX错误。</p><p>③根据第一阶段计划中考虑到的问题以及预定达到的目标，对网站迁移是否成功做出评估，如担心的问题是否发生、目标是否达成，哪些是以后操作中应该规避的问题做整理等。</p><p>网站架构(SiteArchitecture)</p><p>网站架构规划包括网站的商业计划、交互设计、信息架构、可用性和内容。从本质上讲，涵盖众多功能，并且使这些功能具有实用性。</p><p>具体来讲，一个精心设计的网站架构需要全面考虑网站的导航结构、层级深度、站内链接结构、相关内容整合等，同时要深入客户参与、布局强大的功能、优化搜索引擎、呈现品牌元素等。</p><p>项目进行开发之前，需要整个团队一起创建一个完整的架构计划，包括想在网站中加入的特性、网站结构和用户需求。一个坚实的框架是建立一个功能丰富网站的第一步。之所以要把网站建设好，是因为网站是开发业务的基础以及与用户沟通互动的桥梁。</p><p>相关性(Relevancy)</p><p>相关性作为技术性SEO四大支柱之一，其主要体现在内容相关性和外链相关性上。</p><p>1.内容相关性</p><p>撰写高质量的相关内容是提高SEO的有效方法。谷歌是在网页的特定位置寻找重要的关键词，网站文本或页面内容与搜索查询匹配得越好，获得良好排名的可能性就越大，所以内容相关性有助于提升排名。</p><p>(1)内容相关性的定义。</p><p>内容相关性是指网站与特定搜索主题或术语的相关性，包括可视文本、图像或视频等内容。相关性也可以通过标题、元描述和Alt标签产生。内容相关性对于SEO来说至关重要，一个页面的内容与搜索查询的匹配度越高，它就越有可能获得好的排名。这意味着内容相关性被认为是谷歌在其索引中衡量网站排名的因素之一。</p><p>(2)搜索引擎优化内容相关性对谷歌的重要性。</p><p>对于每一个搜索查询，谷歌将评估其索引中哪些网站最能满足用户的需求。这是通过计算索引中的网站与用户搜索的匹配程度来实现的。同时，加载时间、站点地图、链接结构等特征也被认为是内容相关性。可以通过优化这些内容在搜索结果中获得更好的排名。搜索结果应该尽可能精确地匹配用户的不同搜索查询，最终目标是满足用户体验。</p><p>(3)搜索引擎优化内容相关性的标准。</p><p>内容语言：使用与查询相同的语言提供内容是相关性的必需条件。图像：视觉图像支持文本信息。本地化：使用与特定地区相关的术语。页面标题：页面标题可以表明网站的主题；正文文本的相关性。</p><p>①针对特定的需求制作详细的内容。</p><p>目前，互联网世界的规模每两年就会翻一番，用户并不缺少可供选择的内容。客户或用户会寻求符合他们专业水平和特定需求的内容。企业需要了解自己的受众和他们的特殊需求，然后制作最新的内容来满足这些需求。通过确定这些不同方面的专业知识，并对内容进行分层，可以有效地满足众多用户的需求。</p><p>②向用户保证内容的完整性。</p><p>用户认为内容没有用处的一个常见原因是内容让人感觉不完整。如果用户不相信内容的完整性，他们也不太可能相信内容的相关性。</p><p>③确保内容的及时性。</p><p>用户质疑内容相关性的另一个原因是不及时。用户希望获得最新的信息来帮助他们实现目标，所以要确保内容的及时性。</p><p>(4)内容相关性对SEO的重要性。</p><p>搜索引擎优化的内容相关性在页面优化元素中起决定性的作用。SEO的主要任务之一就是提高内容与目标关键词的匹配度。所以需要通过调整页面内容的相关性来提升对应关键词的排名位置。</p><p>内容相关性是一个重要的排名因素，但它仍然只是谷歌在其算法中使用的多个因素之一，所有这些因素的结合是在搜索结果中占据排名位置的基础。例如，一个网站的内容可能与特定的主题高度相关，但如果该网站加载时间太长，并且没有适当优化移动端页面，这个网站可能仍然无法在移动端搜索结果中获得好的排名。</p><p>通过应用公式WDF*IDF来增加内容的相关性。WDF是“WithinDocumentFrequency”，即“文档内频率”，是指一个单词在文档中出现的频率。IDF代表“InverseDocu-mentFrequency”，即“文档外频率”，指一个关键词在其他网站上出现的频率。WDF*IDF是搜索引擎决定内容的主题、相关术语、关键词的最佳分配公式。这比单独使用关键词密度复杂。WDF*IDF优化的内容需要考虑关键词的语义上下文。公式WDF*IDF一直是网页SEO的一个重要话题。它不只是通过单个关键词或多个关键词进行搜索，还通过计算在其他高排名网站上使用的相关术语，然后根据热门程度对这些术语进行排序。由于比较了相关术语、语义上下文和术语的热门程度，所以数据更加准确。</p><p>WDF*IDF是如何运作的？简单地说，一个词在搜索引擎中出现的频率越高，它的相关度就越高。应用这一原则，WDF*IDF分析确定互补关键词在搜索中的相关性。</p><p>WDF*IDF工具可以确定哪些术语应该包含在内容中，以提高搜索排名。使用这一工具查询用户的关键词显示排名靠前的网站，以此获取更多的关键词。文字质量也很重要，因为网站是直接与最高竞争对手进行比较的。因此，文本应该是有趣的、相关的和高质量的。</p><p>支持WDF*IDF的搜索引擎优化工具有SEOlyze，XOVI，On-pageSEO，SISTRIX和Searchmetrics。</p><p>2.外链相关性</p><p>外链相关性对于SEO而言也很重要。营销人员都知道，链接到网站的链接就相当于网络上的“投票”。谷歌和其他搜索引擎使用这些投票在搜索结果中对网页进行排名。一个页面累积的投票越多，这个页面在搜索结果中的排名就越高。但要在谷歌排名，只有投票数量是不够的，还需要这些链接的相关性和权威性。链接页面和链接站点的相关性和权威性会直接影响链接的价值，从而影响网站排名。</p><p>尽管谷歌的算法复杂多变，但依然能够整理到一些基础的方法来确保和提高外链相关性。</p><p>(1)使用描述性的锚文本作为链接内容。</p><p>使用描述性锚文本来描述页面是关于什么的。避免通用的锚文本和偏离主题的锚文本，保持锚文本简洁，以2～4个单词为宜。虽然优化锚文本是件好事，但过多的锚文本会影响网站优化。</p><p>(2)从权威的、主题相关的网站获取链接。</p><p>在谷歌早期，在拉里·佩奇(LarryPage)想出如何根据受欢迎程度对页面进行排名之后不久，Hilltop算法就提出了如何根据权威对页面进行排名。通过寻找链接到网页的“专家”页面来实现这一点。专家页面是一个链接到许多其他主题相关页面的文档。如果一个页面被链接到几个“专家”页面，那么它就被认为是该主题的权威，并且可能排名更高。</p><p>(3)寻找人们可能会点击的重要链接。</p><p>并非所有的链接都是能吸引访客点击的。谷歌的“合理冲浪模型(ReasonableSurferModel)”专利背后的想法是页面上的某些链接比其他链接更重要，因此分配更多权重。</p><p>重要的链接包括：突出的链接，在HTML页面的上方与主题相关的链接，与源页面和目标页面都相关。</p><p>重要的链接更有可能被网页浏览者点击，一个与主题相关的链接比一个偏离主题的链接更有分量。</p><p>(4)选择主题相关性更高的网页。</p><p>谷歌的网页排名技术可用于在整个搜索索引中分配各种不同的排名信号。最常见的是受欢迎程度和信任度，另一个是主题相关性。两个具有相同数量链接的网站，如果其中一个主题相关性更高，那么它获得的排名可能性就更高。</p><p>(5)根据谷歌“基于短语的索引(Phrase-basedIndexing)”策划锚文本。</p><p>对于SEO来说，“基于短语的索引(Phrase-basedIndexing)”机制可能是一个复杂的概念。需要了解的重点是，“基于短语的索引”允许搜索引擎通过在源页面和目标页面中查找相关短语来对任何链接的相关性进行评分，短语越相关，分数越高。例如，使用LSI关键词进行锚文本优化，这有助于SEO。扎实的关键词研究是提供识别相关关键词短语的起点。</p><p>(6)关键问题</p><p>要了解一个链接是否与网站相关，只需问自己一个链接建设的关键问题：这个链接会给我们的网站带来高参与度、高质量的访问者吗？搜索引擎具体是如何判断外链的相关性不是我们可以理解的，企业优化人员只需要从这个关键问题出发，确保外链可以给企业网站带来访问者，那这个外链必然也是具有相关性的。</p> <!-- <div class="content-tools hidden-xs">
<a href="javascript:;" title="打赏作者"
onclick="dr_img_show('打赏作者','','扫描二维码打赏任意金额')"
class="btn-reward"><i class="fa fa-yen"></i> 赞助</a>
<a href="javascript:dr_module_digg('course', '466', 1);" title="觉得很赞"
class="btn-like"><i class="fa fa-thumbs-o-up"></i> 赞 <span
id="module_digg_466_1">1</span></a>
<a href="/index.php?s=form&c=report&m=post" title="我要举报"
class="btn-report"><i class="bi bi-shield-exclamation"></i> 举报</a>
</div>
<div class="content-foot hidden-xs clearfix">
<div class="pull-left">
<div class="tag">TAG：
<a href="/course/search/catid-50-keyword-%E8%8E%B7%E5%8F%96.html"
rel="category">获取</a>
<a href="/course/search/catid-50-keyword-date%28%29.html"
rel="category">date()</a>
</div>
</div>
<div class="list_tool shares pull-right" data-initialized="true">
<strong class="text-muted">分享：</strong>
<span class="share-popover"><span class="share-popover-inner"
id="weixin-qrcode"><canvas width="80"
height="80"></canvas></span></span>
<a class="share-weixin icon-wechat" title="分享到微信"><i
class="fa fa-weixin"></i></a>
<a class="share-tsina icon-weibo" title="分享到微博"><i
class="fa fa-weibo"></i></a>
<a class="share-sqq icon-qq" title="分享到QQ好友"><i
class="fa fa-qq"></i></a>
<a class="share-qzone icon-qzone" title="分享到QQ空间"><i
class="fa fa-star"></i></a>
<a class="share-twitter icon-twitter" title="分享到Twitter"><i
class="fa fa-twitter"></i></a>
<a class="share-facebook icon-facebook" title="分享到Facebook"><i
class="fa fa-facebook"></i></a>
<a class="share-linkedin icon-linkedin" title="分享到领英职场"><i
class="fa fa-linkedin"></i></a>
</div>
</div> -->
<hr>
<div class="text-muted">
免责声明：1.凡本站注明“来源：XXX（非老K模板网）”的作品，均转载自其它媒体，所载的文章、图片、音频视频文件等资料的版权归版权所有人所有，如有侵权，请联系laokcms#126.com处理；2.凡本站转载内容仅代表作者本人观点，与老K模板网无关。
</div>
</div>
</div>
<div class="portlet">
<div class="portlet-title">
<h3>相关文档</h3>
</div>
<div class="portlet-body">
<ul class="clearfix">
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/zzai/3907.html" class="title">
<span class="spot text no"></span>搜索seo如何优化，seo搜索引擎如何优化 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3890.html" class="title">
<span class="spot text no"></span>引擎力Google seo优化师实战经验：什么是301重定向，如... </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3889.html" class="title">
<span class="spot text no"></span>引擎力Google Seo专家整理的网站站内SEO元素要点（下篇... </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3887.html" class="title">
<span class="spot text no"></span>如何让Google快速收录网站页面？ </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3884.html" class="title">
<span class="spot text no"></span>Google SERP谷歌搜索结果呈现类型有哪些？ </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3883.html" class="title">
<span class="spot text no"></span>Google优化实战总结篇：Facebook推广如何进行日常维护 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3875.html" class="title">
<span class="spot text no"></span>引擎力Google seo优化师：深度解读Google Anal... </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3872.html" class="title">
<span class="spot text no"></span>想要做好Google SEO必须注意的几个方面 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3871.html" class="title">
<span class="spot text no"></span>Google优化英文网站SEO常用工具 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3869.html" class="title">
<span class="spot text no"></span>Google左侧排名对Google Adwords广告的影响 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3867.html" class="title">
<span class="spot text no"></span>引擎力谷歌优化专家总结：做好23 项谷歌seo站内设置 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3865.html" class="title">
<span class="spot text no"></span>Google Seoer需要知道的关于丰富结果的10个事实 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3864.html" class="title">
<span class="spot text no"></span>引擎力Google SEO技术总结：内容优化 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3862.html" class="title">
<span class="spot text no"></span>引擎力Google seo优化师实战经验：如何提高网站页面访问速... </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3861.html" class="title">
<span class="spot text no"></span>外贸网站针对Google优化的全过程分析 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3860.html" class="title">
<span class="spot text no"></span>引擎力谷歌推广实战分享：如何提高你的Google Ads质量分 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3859.html" class="title">
<span class="spot text no"></span>2021年谷歌/Facebook/Youtube市场占有率统计数... </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3856.html" class="title">
<span class="spot text no"></span>google seo整站优化分析 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3852.html" class="title">
<span class="spot text no"></span>引擎力Google SEO优化师原创总结：如何提高SEO建站质量 </a>
</li>
<li class="col-md-6 col-xs-12" style="padding: 10px;">
<a class="text-overflow" href="/seo/3850.html" class="title">
<span class="spot text no"></span>Google优化与谷歌竞价的对比 </a>
</li>
</ul>
</div>
</div>
<div class="portlet">
<div class="prev">
<p>上一篇：
<a href="/seo/3808.html">Google在世界各国不同语言的网址</a>
</p>
<p class="margin-0">下一篇：
<a href="/seo/3810.html">如何对竞争对手网站进行谷歌SEO分析？</a>
</p>
</div>
</div>
<div class="portlet">
<div class="portlet-title">
<div class="pull-right"><span class="text-red">0</span> 条评论</div>
<h3>网友留言</h3>
</div>
<div class="news-comments-body">
<div id="dr_module_comment_3809"></div><script type="text/javascript"> function dr_ajax_module_comment_3809(type, page) { var index = layer.load(2, { time: 10000 });$.ajax({type: "GET", url: "/index.php?s=news&c=comment&m=index&id=3809&&type="+type+"&page="+page+"&"+Math.random(), dataType:"jsonp", success: function (data) { layer.close(index); if (data.code) { $("#dr_module_comment_3809").html(data.msg); } else { dr_tips(0, data.msg); } }, error: function(HttpRequest, ajaxOptions, thrownError) { layer.closeAll(); var msg = HttpRequest.responseText; alert("评论调用函数返回错误："+msg); } }); } dr_ajax_module_comment_3809(0, 1); </script> </div>
</div>
</div>
<div class="col-md-3">
<div class="main-right">
<div class="side-box-dw"></div>
<div class="side-fixed-box">
<div class="side-fixed-con">
<div class="portlet hidden-xs" style="padding-bottom: 10px;">
<ul class="portlet-slide-tab margin-0 ">
<li class="col-md-6 active"><a href="https://www.laokcms.com/seo/">全部</a></li>
</ul>
</div>
<div class="portlet">
<div class="portlet-title">
<h3>搜索帮助</h3>
</div>
<div class="portlet-body">
<div class="side-search">
<form method="get" action="/index.php" target="_blank">
<input type="hidden" name="s" value="api">
<input type="hidden" name="c" value="api">
<input type="hidden" name="m" value="search">
<input type="hidden" name="dir" value="news" >
<input type="text" placeholder="输入关键字搜索" name="keyword" value='' id="dr_search_keyword" class="form-control">
<button class="submit" type="submit">
<i class="fa fa-search"></i>
</button>
</form>
</div>
</div>
</div>
<div class="portlet">
<div class="portlet-title">
<a class="pull-right" href="https://www.laokcms.com/seo/">更多</a>
<h3>人气文章</h3>
</div>
<div class="portlet-body">
<ul class="side-text-list">
<li class="text-overflow">
<a title="如何让文章有好的SEO排名？" href="/seo/1493.html" class="title">
<span class="spot text no"></span>如何让文章有好的SEO排名？</a>
</li>
<li class="text-overflow">
<a title="为什么SEO营销很重要？" href="/seo/2652.html" class="title">
<span class="spot text no"></span>为什么SEO营销很重要？</a>
</li>
<li class="text-overflow">
<a title="SEO免费关键字工具" href="/seo/1859.html" class="title">
<span class="spot text no"></span>SEO免费关键字工具</a>
</li>
<li class="text-overflow">
<a title="要怎么找到SEO关键字？" href="/seo/1496.html" class="title">
<span class="spot text no"></span>要怎么找到SEO关键字？</a>
</li>
<li class="text-overflow">
<a title="黑帽技巧和惩罚" href="/seo/1808.html" class="title">
<span class="spot text no"></span>黑帽技巧和惩罚</a>
</li>
<li class="text-overflow">
<a title="开始着手寻找关键字口袋名单" href="/seo/1497.html" class="title">
<span class="spot text no"></span>开始着手寻找关键字口袋名单</a>
</li>
<li class="text-overflow">
<a title="网站SEO优化的几个步骤" href="/seo/1255.html" class="title">
<span class="spot text no"></span>网站SEO优化的几个步骤</a>
</li>
<li class="text-overflow">
<a title="为什么 SEO 很重要？" href="/seo/2612.html" class="title">
<span class="spot text no"></span>为什么 SEO 很重要？</a>
</li>
<li class="text-overflow">
<a title="影响SEO排名的因素：使用关键字作为连结锚点文字" href="/seo/1298.html" class="title">
<span class="spot text no"></span>影响SEO排名的因素：使用关键字作为连结锚点文字</a>
</li>
<li class="text-overflow">
<a title="自然排名是什么意思？不用花钱的网站排名" href="/seo/1285.html" class="title">
<span class="spot text no"></span>自然排名是什么意思？不用花钱的网站排名</a>
</li>
</ul>
</div>
</div>
<div class="portlet border hidden-sm hidden-xs">
<div class="portlet-title">
<h3>关注我们</h3>
</div>
<div class="portlet-body text-center">
<p class="margin-0"><img class="img-responsive" src="/static/demo9/web/images/personal-wx.jpg"></p>
<p><span class="text-muted">扫描二维码关注我们</span></p>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<div class="main-box-dw"></div>
</div>
</div>
</div>
</div>
<div class="footer hidden-sm hidden-xs" id="footer">
<div class="container">
<div class="row">
<ul class="item clearfix">
<li class="col-md-6 left">
<h2 style="margin-top: 0;margin-bottom: 30px;" class="footer-logo">
<img src="https://www.laokcms.com/static/demo9/member/img/logo.png" title="老K模板网" alt="老K模板网">
</h2>
<p class="desc hidden-xs" style="margin-bottom: 20px;">
高端网页主题模板产品提供商，覆盖各大开源系统主题，一站式在线选购高品质主题模板，助力您的网站从芸芸同行业的网站中脱颖而出。
</p>
<p class="copy margin-0">
Copyright © 2025 © 老K模板网 ✪ 版权所有
<a target="_blank" href="http://beian.miit.gov.cn">赣ICP备20009342号</a><br>
<a target="_blank" href="/sitemap.xml">网站地图</a>
<a target="_blank" href="/sitemap.txt">TXT地图</a>
<a target="_blank" href="/tag.txt">TAG标签</a>
</p>
</li>
<li class="col-md-2 text-center">
<h4>关于我们</h4>
<p>
<a href="javascript:;"
onclick="dr_html_show('常见问题','<div class=\'p20\'>技术QQ： 8527114 <br><br> 客服微信：Laokcms</div>','300px','300px')">老K模板网</a>
</p>
<p>
<a href="javascript:;"
onclick="dr_html_show('常见问题','<div class=\'p20\'>技术QQ： 8527114 <br><br> 客服微信：Laokcms</div>','300px','300px')">商务合作</a>
</p>
<p>
<a href="javascript:;"
onclick="dr_html_show('常见问题','<div class=\'p20\'>技术QQ： 8527114 <br><br> 客服微信：Laokcms</div>','300px','300px')">留言反馈</a>
</p>
<p>
<a href="javascript:;"
onclick="dr_html_show('常见问题','<div class=\'p20\'>技术QQ： 8527114 <br><br> 客服微信：Laokcms</div>','300px','300px')">举报投诉</a>
</p>
</li>
<li class="col-md-2 text-center">
<h4>常见问题</h4>
<p>
<a href="javascript:;"
onclick="dr_html_show('常见问题','<div class=\'p20\'>本站已经开发注册，您需要填写用户名和正确的常用邮箱即可，邮箱需要通过验证后才可以正常使用相关功能。</div>','300px','300px')">如何注册</a>
</p>
<p>
<a href="javascript:;"
onclick="dr_html_show('常见问题','<div class=\'p20\'>找到对应商品后点击页面的“立即购买”按钮下单即可，本站商品支持自助下单，无需联系客服干预操作</div>','300px','300px')">怎么购买</a>
</p>
<p>
<a href="javascript:;"
onclick="dr_html_show('常见问题','<div class=\'p20\'>目前我们支持两种方式<br>1.在线支付，仅支持支付宝在线支付实时交易，完全自助完成交易流程<br>2.转账充值，支持任意付款方式，需要客服给您充值到余额在进行交易</div>','300px','300px')">支付方式</a>
</p>
<p>
<a href="javascript:;"
onclick="dr_html_show('常见问题','<div class=\'p20\'>虚拟商品购买后可返回至商品详情页获得对应的素材或下载文件<br>实物商品将以快递、物流等方式寄送到您的手中</div>','300px','300px')">发货方式</a>
</p>
</li>
<li class="col-md-2 text-right">
<h4>扫一扫手机访问</h4>
<p><img src="/static/demo9/web/images/site.png" alt="老K模板网" width="120"></p>
</li>
</ul>
<div class="col-md-12">
<div class="link">
<a href="https://www.laokcms.com/" target="_blank">老K模板</a>
<a href="https://www.laokcms.com/" target="_blank">LaoKcms</a>
<a href="http://www.taodami.com.cn/" target="_blank">域名注册购买</a>
<a href="https://xunrui.laokcms.com/" target="_blank">迅睿模板</a>
<a href="https://xunrui.laokcms.com/" target="_blank">足球直播模板</a>
<a href="/guanggao">+申请友链</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer visible-sm visible-xs" style="padding: 20px;">
<p class="margin-0 text-center">
Copyright © 2025 © 老K模板网 ✪ 版权所有 <br><a target="_blank" href="http://beian.miit.gov.cn">赣ICP备20009342号</a>
</p>
</div>
<div class="footer-fixed">
<a href="javascript:;" title="返回顶部" class="backtop" style="display: none;"><i class="fa fa-angle-up"></i></a>
</div>
<div class="footer-kefu animated hidden-xs">
<img class="girl" src="/static/demo9/web/images/icon_kefu.png">
<div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line show_hint">
<div class="rd-notice-content">嘿，我来帮您！</div>
</div>
<div class="animated-circles">
<div class="circle c-1"></div>
<div class="circle c-2"></div>
<div class="circle c-3"></div>
</div>
</div>
<div class="" id="kefu" style="text-align: center; display: none;">
<p><img src="/static/demo9/web/images/icon_kefu.png"></p>
<p>在线时间09:00-24:00</p>
<p>
<a target="_blank" class="btn btn-qq" href="/guanggao">
<i class="fa fa-qq"></i> 8527114
</a>
</p>
<p>
<a class="btn btn-wx" href="javascript:;" onclick="dr_img_show('关注我们','/static/demo9/web/images/personal-wx.jpg','微信扫一扫关注我们')">
<i class="fa fa-weixin"></i> yxgd678
</a>
</p>
</div><div class="login_pop" id="login_box" style="display: none;">
<span class="close_login"><i class="bi bi-x-circle"></i></span>
<div class="l col-lg-5 col-md-5 hidden-sm hidden-xs">
<ul>
<li>一次支付终身使用</li>
<li>响应式布局，适配所有设备</li>
<li>代码干净简洁，体验好</li>
<li>高端视觉设计助力您的发展</li>
<li>在线工单，完美售后</li>
</ul>
</div>
<div class="r col-lg-7 col-md-7 col-sm-12 col-xs-12">
<div class="r_block account" style="display: block;">
<div class="title">
<p>账号密码登录</p>
</div>
<form id="myforml" method="post" novalidate="novalidate">
<div class="input_box">
<input type="text" placeholder="账号/邮箱/手机" name="data[username]" class="layui-input">
</div>
<div class="input_box">
<input type="password" autocomplete="off" placeholder="登录密码" name="data[password]"
class="layui-input">
</div>
<div class="input_box">
<input type="text" name="code" placeholder="请输入图片验证码" class="layui-input img_code">
<div id="verificationCode" class="verificationCode">
<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35" /> </div>
</div>
<div class="login_links">
<span class="switch_click">
<a href="/find.html">忘记密码？</a></span>
<span class="switch_click" onclick="dr_show_box('register','account')">新用户注册</span>
</div>
</form>
<div class="input_box">
<div class="layui-btn layui-btn-fluid login_accunt_btn"
onclick="dr_ajax_member('https://www.laokcms.com/index.php?s=member&c=login&m=index', 'myforml');">
登录</div>
</div>
<p style="margin-top: 10px;">
登录即视为同意<a href="javascript:dr_show_protocol();">《用户注册协议》</a>
</p>
<div class="login_type">
<span>其他用户登录方式</span>
<ul>
<li>
<a href="https://www.laokcms.com/index.php?s=api&c=oauth&m=index&name=qq&type=login&back=https%3A%2F%2Fwww.laokcms.com%2Fseo%2F3809.html"class="switch_click">
<img src="/static/demo9/web/images/qq.png">
</a>
</li>
</ul>
</div>
</div>
<div class="r_block register" style="display: none;">
<div class="title">
<span>注册账号</span>
</div>
<div class="back_login">
<span class="switch_click" onclick="dr_show_box('account','register')"><i
class="bi bi-reply-all-fill"></i>返回登录</span>
</div>
<form method="post" name="myform" id="regform" class="layui-form layui-form-pane">
<div class="input_box" id="dr_row_username">
<input type="text" name="data[username]" id="dr_username" autocomplete="off" placeholder="账号"
class="layui-input">
</div>
<div class="input_box" id="dr_row_email">
<input type="text" name="data[email]" id="dr_email" autocomplete="off" placeholder="邮箱"
class="layui-input">
</div>
<div class="input_box">
<input type="password" name="data[password]" id="dr_password" autocomplete="off" placeholder="设置密码"
class="layui-input">
</div>
<div class="input_box">
<input type="password" name="data[password2]" id="dr_password2" autocomplete="off"
placeholder="确认密码" class="layui-input">
</div>
<div class="input_box">
<input type="text" name="code" placeholder="请输入图片验证码" class="layui-input img_code">
<div id="verificationCode" class="verificationCode">
<img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();" src="/index.php?s=api&c=api&m=captcha&width=120&height=35" /> </div>
</div>
<div class="input_box">
<button type="button" class="layui-btn layui-btn-fluid login_password_btn"
onclick="dr_ajax_member('https://www.laokcms.com/index.php?s=member&c=register&m=index', 'regform');">立即注册</button>
</div>
<p style="margin-top: 10px;">
<label class="mt-checkbox mt-checkbox-outline" style="margin-left:20px;">
<input type="checkbox" name="is_protocol" value="1" checked=""> 我已阅读并同意
<span></span>
</label>
<label>
<a href="javascript:dr_show_protocol();">《用户注册协议》</a>
</label>
</p>
</form>
</div>
</div>
</div>
<div class="mask-body mask-body-dark" style="display: none;"></div><script src="/static/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="/static/demo9/web/js/lazysizes-umd.min.js" type="text/javascript"></script>
<script src="/static/assets/js/cms.js" type="text/javascript"></script>
<script src="/static/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/static/demo9/web/js/home.js" type="text/javascript"></script>
<script src="/static/demo9/web/js/clipboard.min.js" type="text/javascript"></script>
<script src="/static/demo9/web/js/jquery.cookie.min.js" type="text/javascript"></script>
<script src="/static/demo9/web/js/viewer.min.js" type="text/javascript"></script>
<script src="/static/demo9/web/js/theme.js" type="text/javascript"></script>
<script src="/static/demo9/web/js/jquery.waypoints.min.js" type="text/javascript"></script>
<script>
$(function(){
var dat = [
'https://ucenter.cdn.bcebos.com/homepage/gom/background/jtlpuneq1s5wmv329933.png',
'https://ucenter.cdn.bcebos.com/homepage/gom/background/fsdq60t3gh5lx29542.png',
'https://ucenter.cdn.bcebos.com/homepage/gom/background/h86syvegl0br5qz31538.png',
'https://ucenter.cdn.bcebos.com/homepage/gom/background/wlrm2z8a5pvcten43706.png',
'https://ucenter.cdn.bcebos.com/homepage/gom/background/qygvkpc4nah57u820194.png',
'https://ucenter.cdn.bcebos.com/homepage/gom/background/73wd84fgeymionp88447.png',
'https://ucenter.cdn.bcebos.com/homepage/gom/background/srhpnwo49xemzu578922.png',
'https://ucenter.cdn.bcebos.com/homepage/gom/background/u17drqm4nbyi8wa66429.png',
'https://ucenter.cdn.bcebos.com/homepage/gom/background/uamtnb53o4w68zi3478.png',
'https://ucenter.cdn.bcebos.com/homepage/gom/background/gmhfkjzb3ywra5v7692.png',
]
// $('#bj').attr("style:background-image",dat[Math.trunc(Math.random()*dat.length)])
$("#bj").css("background-image", "url('"+dat[Math.trunc(Math.random()*dat.length)]+"')");
})
</script><link href="/static/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet"
type="text/css" />
<script src="/static/assets/global/plugins/fuelux/js/spinner.min.js" type="text/javascript"></script>
<script src="/static/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript">
</script>
<script type="text/javascript" src="/static/assets/js/sku.js"></script>
<!-- 系统关键js(所有自建模板必须引用) -->
<script type="text/javascript">
var is_mobile_cms = '';
</script>
<script src="/api/language/zh-cn/lang.js" type="text/javascript"></script>
<!-- 系统关键js结束 -->
<script src="/static/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/static/demo9/member/scripts/app.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
order_xiazai_select_sku_price();
order_xiazai_get_sku_price();
$("#dr_buy_num").TouchSpin({
step: 1,
min: 1,
max: 0 });
})
// 模块收藏
function dr_app_favorite(id) {
$.get("https://www.laokcms.com/index.php?is_ajax=1&s=api&app=news&c=module&m=favorite&id=" + id,
function(data) {
dr_cmf_tips(data.code, data.msg);
if (data.code) {
$('#module_favorite_' + id).html(data.data);
}
}, 'json');
}
// 加入购物车
function order_xiazai_add_cart() {
$.get("/index.php?is_ajax=1&s=order&c=cart&m=add&mid=news&num=" + $('#dr_buy_num').val() +
"&id=3809&sku=" +
$('#dr_sku_value').val(),
function(data) {
dr_cmf_tips(data.code, data.msg);
if (data.code) {
// 存储购物车数量
$('#dr_order_xiazai_cart_nums').html(data.data);
}
}, 'json');
}
// 购买地址
function order_xiazai_add_buy() {
var url = "https://www.laokcms.com/index.php?s=order&c=order&m=buy&mid=news&id=3809";
url += "&sku=" + $('#dr_sku_value').val();
url += "&num=" + $('#dr_buy_num').val();
window.location.href = url;
}
// 组合价格选择
function order_xiazai_select_sku_price() {
$('.fc-sku-select-price .fc-sku-value').click(function() {
$(this).parent('.fc-sku-select-price').find('.fc-sku-value').removeClass('red');
$(this).addClass('red');
order_xiazai_get_sku_price();
});
}
//价格
function order_xiazai_get_sku_price() {
var oname = new Array();
$('.fc-sku-select-price').each(function() {
oname.push($(this).find('.red').attr('fvalue'));
});
var k = oname.join("_");
$('#dr_sku_value').val(k);
$('#dr_sku_price').html($('#dr_sku_price_' + k).val());
$('#dr_sku_quantity').html($('#dr_sku_quantity_' + k).val());
$('#dr_sku_sn').html($('#dr_sku_sn_' + k).val());
}
</script>
</body>
</html> 