SEO中JS代码怎么优化?常见的方法有优化图片ALT属性、Meta Robot标签和结构化数据等,这些都是商家可以想到的方法,但是本文接下来将为大家介绍几种在外贸建站过程中,用户想不到的SEO中JS代码的优化方法,以供参考。

一、JS SEO是什么

JS全称是“JavaScript”,JS SEO是技术SEO中重要的组成部分。旨在消除在构建网页内容时使用 JavaScript (JS) 而导致的任何负面 SEO 影响。从本质上讲,JavaScript SEO 是关于使使用 JavaScript 构建的网站易于搜索引擎抓取、索引和排名。

Google 如何抓取和索引 JavaScript

Google 抓取和索引 JavaScript流程图

1、初始抓取和抓取:当 Googlebot 获得用于抓取 HTML 内容的网址时,它会向网络服务器发送请求以提取数据。如果网页高度依赖 JavaScript,Googlebot 将轻松获取初始 HTML 内容。

2、渲染:完成前面的获取和抓取部分后,Googlebot 将执行 JavaScript 来渲染页面并获取渲染的 DOM(文档对象模型)。

3、索引:渲染 DOM 后,Googlebot 会从该页面中提取内容、链接和其他信息,之后它将开始分析内容以进行索引的,索引内容将用于在搜索结果中对页面进行排名。

二、SEO中JS代码怎么优化

1、用独特的标题和摘要来描述网页

独特的描述性 <title> 元素和元描述可帮助用户快速找到符合其目标的理想结果,可以使用 JavaScript 设置或更改元描述及 <title> 元素。

2、允许爬取 JavaScript 文件

如果需要构建页面的一部分或添加内容,请不要阻止对资源的访问。谷歌需要访问和下载资源,以便正确呈现页面,在robots.txt中,允许抓取所需资源的最简单方法是添加:

User-Agent: Googlebot

Allow: .js

Allow: .css

此外请检查robots.txt文件中的任何子域或可能请求的其他域,例如API调用的子域或其他域。如果使用robots.txt阻止了资源,可以使用Chrome开发工具中“网络”选项卡中的阻止选项检查它是否会影响页面内容,选择文件并阻止它,然后重新加载页面以查看是否进行了任何更改。

3、正确实施分页

Googlebot不会滚动浏览页面或单击按钮和链接,这意味着,如果内容仅在用户向下滚动或点击按钮后加载,则 Googlebot 可能不会看到该内容。所以此时用户可以借助无限滚动、传统的 HTML 链接分页( <a href> 链接)等方法实现可用于Googlebot抓取索引的分页技术。

4、不要在URL中使用(#)

服务器通常不会处理#后的任何内容,因此对于abc.com/#something这样的URL,Googlebot通常会忽略#后面的任何内容。

5、使用结构化数据

在网页上使用结构化数据时,可以使用 JavaScript 生成所需的 JSON-LD 并将其注入网页中,请务必测试实际效果,避免出现问题。

fetch('/api/cats/' + id)
  .then(function (response) { return response.json(); })
  .then(function (cat) {
    // creates a canonical link tag and dynamically builds the URL
    // e.g. https://example.com/cats/simba
    const linkTag = document.createElement('link');
    linkTag.setAttribute('rel', 'canonical');
    linkTag.href = 'https://example.com/cats/' + cat.urlFriendlyName;
    document.head.appendChild(linkTag);
  });

6、合理使用动态渲染

动态渲染是指向用户和搜索引擎机器人提供不同的内容。虽然它可以帮助复杂的 JavaScript 网站被索引,但它也带来了挑战,为用户和机器人维护单独的外贸独立站版本,如果未正确实施,它还会带来隐藏的风险。因此建议在努力实现服务器端渲染或预渲染时,仅将动态渲染用作临时解决方案,从而为用户和搜索引擎提供更好的性能和更一致的体验。

7、正确注入 rel=”canonical” 链接标记

即使 Google 不推荐使用 JavaScript 注入 rel=”canonical” 链接标记,但是用户仍然可以使用它, Google 搜索会在加载页面时识别链接标签。只需确保它是页面上唯一的一个。否则最终可能会创建多个 rel=“canonical” 链接标签或更改现有的 rel=“canonical” 链接标签,这可能会导致一些意想不到的后果。

8、图像的 ALT 属性

将简洁、关键字丰富的 alt 属性添加到基于 JavaScript 的图像中,以提高可访问性和 SEO。

9、Meta Robot标签

包括元机器人标签,以指导搜索引擎进行索引和跟踪链接。选择“index”和“follow”来获取所需的内容,或者选择“noindex”和“nofollow”来获取敏感或重复的内容。例如在网页顶部添加以下标记可阻止 Google 将该网页编入索引:

<!-- Google won't index this page or follow links on this page -->
<meta name="robots" content="noindex, nofollow">

10、使用有意义的 HTTP 状态代码

确保 HTTP 状态代码相关且有意义是一项必不可少的 SEO 实践,在促进与 Googlebot 的良好沟通方面起着至关重要的作用。JavaScript 可以简化此过程。如果遇到 404 代码或任何其他错误,用户将自动被定向到单独的/未找到的页面。通过使用 JavaScript 来管理 HTTP 状态代码,网站可以提供更直观的用户体验,减少挫败感并帮助访问者浏览潜在的错误。

推荐阅读:

HTML、PHP、CSS和JS之间的关系

独立站SEO优化是做什么?独立站SEO必备清单分享

HTML标签的作用 网站标签的优化技巧

相关文章

  • 2025年七大SEO未来趋势

    2025年七大SEO未来趋势

    2025年初,随着DeepSeek等人工智能工具的火爆,似乎已经为中国企业的跨境出海业务产生了深刻影响,那么面对技术大变革的时代,跨境商家或者是外贸建站的站长该如何优化网站排名,提高网站在搜索引擎中的可见度呢?下文将基于语音搜索、人工智能、移动优化等方面为大家具体展示2025年SEO优化的七大未来趋势,帮助各位企业紧跟时代潮流,成功品牌出海。 2025年SEO未来趋势一:技术 SEO 1、增强语音搜索兼容性 随着智能设备和虚拟助手的激增,语音搜索越来越受欢迎。为了保持领先地位,优化网站以进行语音…

    网站SEO 2025年 3月 14日
  • Website-speed-measurement

    外贸建站必备:5款免费网站测速工具

    在外贸建站的过程中,不免会出现网站访问速度变慢、压面加载卡顿等问题,但是对于一些建站新手或者是建站预算有限的用户来说,如何以简单低廉的方式,为用户提供流畅的网络体验,减少网站用户流失量,是一个值得思考的问题,而本文节接下来将为大家介绍5款简单易用并且性价比较高的网站测速工具,帮助大家更好的优化网络性能,提高SEO排名。 1、Google PageSpeed Insights 这是谷歌官方提供的网站速度测试工具。既可以测试PC端,也可以测试移动端,可以分析网站的性能问题,并给出性能评分/加载时间/…

    网站SEO 2024年 7月 15日
  • 页面关键词优化

    谷歌SEO优化之页面关键词优化方法

    现在已经有了一个关键词列表,接下来会想围绕其构建内容,以期望对其进行排名,那么应该怎样将关键词合并到内容中才能获得更高的排名并让用户满意呢?本文为大家讲解页面关键词的优化。 一、关键词意图如何影响页面的搜索引擎优化 假设想要优化关键词短语: “second hand clothes”。大家需要围绕这个词构建内容,但我文章应该从什么方向来切入,为了排名获取内容吸引多数的搜索用户,这就需要摸清用户的搜索意图。 想要购买二手衣服 想要二手衣服的照片 想要对二手衣服进行再利用 针对这个问题,只需查看搜索…

    网站SEO 2024年 4月 28日
  • URL优化

    URL优化方法有哪些?

    在外贸建站时可以通过让URL保持简单,强调关键词和避免使用特殊字符和大写的方法来优化自己网站的URL结构,而URL结构的优化问题关系到网站SEO排名和网站运营营销等多方面的工作,所以构建一个有意义URL应该是各位商家着重关注的问题。 一、如何创建SEO友好的URL 不少用户在注意到一个长达数英里的网址时(里面使用了复杂的字母、数字和特殊字符串),这种冗长的网址不仅对眼睛有害,它还会损害网站的搜索引擎排名,所以一个有效的URL应该具备以下特质: 1、保持简单:根据谷歌的说法,外贸独立站的网址结构应…

    网站SEO 2024年 8月 30日
  • GoogleSEO插件

    谷歌SEO插件有哪些?

    谷歌SEO插件根据插件的具体功能可以分为扩展话题、站内优化、技术优化、外链联系、外链挖掘等六种类型,具体有14种谷歌SEO插件。而说到网站SEO优化,大家首先想到的便是基于谷歌进行的搜索引擎的算法排名。所以如何针对谷歌算法,对网站的SEO进行优化,是每位站长在外贸建站时应该思考的重中之重。而本文将基于此,为大家详细介绍一下关于谷歌SEO优化的插件有哪些? 一、扩展话题 1、Ubersuggest Ubersuggest是一个免费的SEO工具,虽然每天只有3次搜索次数,但它能够提供更多的信息。例如…

    网站SEO 2024年 7月 8日
  • HTML标签

    独立站SEO优化:必备的10+HTML常用标签大全

    说到独立站SEO优化,不可避免的会遇到HTML标签优化的问题。HTML标签作为网页构建的基础,诚然熟悉并掌握HTML标签有利于帮助商家优化自己的外贸建站工作,所以下文将为大家具体介绍HTML标签是什么及常用HTML标签有哪些的有关问题。 一、HTML标签是什么 HTML标签是用于构建和格式化网页内容的基本元素,为浏览器提供如何呈现文本、图像、链接和其他媒体的说明。HTML标签被用在尖括号<>中,通常成对出现:一个开始标签和一个结束标签。结束标记与开始标记具有相同的文本,但带有额外的正…

    网站SEO 2024年 12月 13日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部