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

相关文章

  • 解锁独立站高点击率优化密码

    点击率CTR如何优化:解锁独立站高点击率优化密码

    在做网站SEO优化时,点击率CTR是用户衡量网站优劣的重要因素之一,外贸独立站点击率DTR代表了该网页吸引用户注意力的程度,如果点击率高,则代表该网页的转化比较好,反之,该网页未能做好转化。对于一些不知道点击率如何优化的用户来说,可以通过优化优化标题标签、改进元描述、优化URL结构等方法实现独立站高点击率的解密。 一、为什么要优化独立站点击率CTR 高点击率不仅能够带来更多流量,还能显著提升用户转化率。当用户点击网页时,他们更有可能停留更长时间并采取行动,例如购买产品或填写表单。优质内容搭配吸引…

    网站SEO 2025年 2月 4日
  • 独立站流量来源

    独立站流量来源有哪些?

    独立站流量来源有哪些?独立站流量主要有自然搜索流量、付费广告流量、社交媒体流量等六大流量来源,掌握并了解这些流量来源不仅有利于提高网站排名,进行搜索引擎的梳理优化,而且有利于商家制胜跨境电商独立站的推广赛道,所以下文将为大家具体阐释这几种独立站流量来源,为大家进行网站的优化提供一个参考。 独立站流量来源一:自然搜索流量 自然搜索流量是商家通过内容优化带来的网站排名提高的结果,关键词带来的优化越好,网站排名越高,独立站的自然搜索流量也就越大。这部分流量主要借助Google、Bing、Baidu等常…

    网站SEO 2024年 11月 6日
  • google search console

    Google Search Console是什么?

    Google Search Console是谷歌官网推出的一款网站数据分析工具,可以帮助各位站长监控索引状态、分析搜索流量、识别和解决影响搜索可见性问题,是用户在外贸建站与推广过程中不可或缺的SEO分析工具。为了让大家更好的了解Google Search Console是什么及理解其作用,下文将为大家具体呈现有关内容。 一、Google Search Console是什么 Google Search Console 是一个免费工具,可帮助用户衡量网站的流量、查看关键字效果、解决问题以及接收来自 …

    网站SEO 2025年 1月 3日
  • 基本词调研

    SEO关键词怎么优化?

    SEO关键词怎么优化?网站SEO关键词的优化需要用户首先通过目标客户群体确定核心关键词,之后根据关键词的搜索量和竞争力整理好关键词库进而搭建起属于自己的关键词库,之后用户可以在关键词库的基础上实现网站内容的优化,所以下文将基于此为大家具体介绍SEO关键词优化的步骤,为大家的外贸建站工作提供一个参考。 SEO关键词怎么优化一:了解目标客户 了解目标客户是谁是SEO关键词优化的第一步,因为SEO的核心是提供满足目标用户搜索意图的内容,从而能够得到Google比较好的排名,在客户输入搜索词的时候,Go…

    网站SEO 2024年 11月 26日
  • SEO和SEM的区别

    SEO和SEM的区别是什么?

    对于外贸建站的用户来说,SEO和SEM是商家进行外贸推广营销的两种主要手段,弄懂二者的主要区别也有利于商家进行正确的网站运营,那么SEO和SEM的区别是什么呢?二者的区别主要体现在获得方式、优化速度和成本花费上面,下文将为大家具体介绍SEO和SEM的相关内容。 一、SEO是什么 搜索引擎优化(SEO)是一种从搜索引擎的有机(无偿)排名中为网站带来有针对性流量的做法,SEO的目标是在与网站业务相关的查询(称为关键字)的搜索结果中,提高网站排名。用户通常通过创建高质量内容、围绕特定关键字优化内容、建…

    网站SEO 2024年 10月 11日
  • SEO竞争对手分析

    如何进行SEO竞争对手分析

    在之前的文章中我们提到过SEO竞争对手分析的重要性,这篇文章来详细探讨一下竞争对手分析的内容。 一、什么是 SEO 竞争对手分析 SEO 竞争对手分析(又称为竞争分析)是研究直接搜索的竞争对手以了解其目标关键字、内容策略、反向链接配置文件等的过程,目的是将这些策略中最成功的元素逆向导入到自己的 SEO 策略。 无需猜测要定位哪些关键字、要创建哪些内容或要构建哪些链接,而是可以研究竞争对手,分析哪些内容已经对他们有效,并在成功的基础上再接再厉。 二、SEO 竞争对手分析的重要性 排名更高。获得更多…

    网站SEO 2024年 5月 22日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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