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标签的作用 网站标签的优化技巧

相关文章

  • SEO新手零基础快速入门教程

    新手做SEO怎么做?SEO新手零基础快速入门教程

    做外贸建站用户离不开独立站SEO的优化工作,那么对于网站小白来说,新手做SEO怎么做?首先用户需要做好建站前的优化,然后要注重建站时的SEO优化,最后还亚关注建站后的SEO优化,所以下文将基于此为大家具体介绍SEO新手零基础快速入门教程,帮助大家快速了解网站SEO优化的基础知识。 一、SEO新手基础知识 1、索引:Google会将其知道的所有网页存储在其索引中,每个网页的索引条目都描述了该网页的内容和位置(网址),编入索引是指 Google 抓取、读取网页并将其添加到索引的过程。 2、抓取:寻找…

    网站SEO 2024年 11月 14日
  • GEO生成式引擎优化

    GEO生成式引擎优化怎么做

    GEO生成式引擎优化怎么做?商家应该牢牢把握独立站这一核心载体,做好网站的结构化、权威性、动态化调整,提高网站的被引用率,优化GEO策略。下文将从GEO是什么、GEO与SEO的区别、GEO优化怎么做,向大家具体展示生成式引擎优化的内容,帮助各位更好实现外贸建站与推广。 一、GEO是什么 GEO是Generative Engine Optimization的缩写,指针对AI驱动的生成式搜索引擎进行内容优化,提升品牌在 AI生成答案中的可见性和相关性的一种方法。 简单来说,传统SEO关注搜索引擎的关…

    网站SEO 2025年 7月 31日
  • 谷歌seo关键词排名优化

    谷歌SEO关键词排名优化方法

    谷歌是全球最受欢迎的搜索引擎,这意味着商家要想通过跨境电商独立站和外贸独立站实现网站排名的提升,无论如何都绕不开谷歌搜索引擎优化。其中关键词排名优化可谓是谷歌SEO的重中之重,本文将从谷歌目标关键词挖掘/筛选、关键词表格整理和关键词布局及布局技巧三方面入手,为大家呈现相关内容。 一、谷歌目标关键词挖掘/筛选 1、关键词挖掘工具 (1)谷歌趋势(Google Trends) 谷歌趋势可以将关键词搜索热度随着时间变化变成可视化的图表数据,输入关键词,可以查看到过去12个月甚至是更长或者是更短时间内关…

    网站SEO 2025年 7月 11日
  • 关键词蚕食

    关键字蚕食是什么以及怎么解决?

    关键字蚕食是网站多个页面针对同一关键词进行优化或者是多个页面出现相似内容时,导致网站流量下降的情况。这些页面有效蚕食了彼此的流量,从而产生网站内部多个页面争夺流量的情况,诚然这会增加搜索引擎爬取网站的难度。那么在外贸建站优化的过程中,关键词蚕食怎么解决呢?商家可以通过使用标准化URL、整合重定向页面等方式实现网页流量更好的集权,进而提高网站搜索结果页面的可见度。 一、关键字蚕食是什么 关键字蚕食指网站上的多个页面针对相同或相似的关键词排名并相互竞争,从而损害网站自然流量获取能力的现象。当网站出现…

    网站SEO 2025年 2月 25日
  • 网站URL规范化

    网站SEO优化之URL规范化完整指南

    当外贸建站推广的时间越久,网站内部不可避免的会出现重复或者是相同的内容,或者是当运营人员想将一篇其他网站的优秀的文章发布在自己网站的时候,这就是规范化URL的用武之地。重复的内容可能会使搜索引擎感到困惑,稀释自己网站的排名,在本文中小编将围绕规范化URL是什么、为什么要使用、什么时候使用及怎么设置四方面,帮助大家避免SEO优化中的一些错误,助力网站排名的提升。 一、什么是网站URL规范化 规范 URL,因为 HTML 标签 rel=“canonical” 而引用,是当同一网站或不同网站上有多个页…

    网站SEO 2025年 7月 4日
  • URL优化

    URL优化方法有哪些?

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

    网站SEO 2024年 8月 30日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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