元素人搜索引擎优化 elementor 中设置你构建的页面,这样 Google 就可以抓取、理解它们并对其进行排名。Elementor 本身对 SEO 友好,因为它输出带有正确标题标签的普通 HTML,并且 Google 可以抓取文本。页面排名是否取决于你如何构建它:标题结构、Elementor 自己的性能设置、核心 Web 生命值、图像、内部链接、模式以及回答搜索的内容。
本指南按照排名最快的顺序涵盖了所有内容。每一步都适用于当前版本的 WordPress 和 Elementor,并且不需要代码。
在本指南中:
- Elementor 对 SEO 有好处吗?
- Elementor 的 SEO 设置就住在哪里
- 12 元素人 SEO 最佳实践
- Elementor 的最佳 SEO 插件进行了比较
- 常见元素 SEO 错误
- 元素器 SEO 检查表
- 常见问题
Elementor 对 SEO 有好处吗?
是的。Elementor 对 SEO 友好。Google 对 Elementor 页面的索引方式与对任何其他 WordPress 页面进行索引的方式相同,因为当页面加载时,文本、链接和标题都在 HTML 中。Elementor 不会阻止排名,也不会提升排名。
Catch是权重。一个页面构建器加载更多的CSS和JavaScript比一个手工编码的主题,你嵌套的每个部分都增加了更多的标记。在一个没有缓存和3 MB英雄图像的廉价主机上,它显示为缓慢的核心Web Vitals。最近的Elementor版本已经关闭了很多这样的差距,如元素缓存,优化图像加载和更精简的标记,但大多数只有当你打开它们时才有帮助。这就是实践#3的目的。
简而言之,Elementor 与您的设置一样适合 SEO,本指南的其余部分将穿过该设置。
您需要 Elementor Pro 来进行 SEO 吗?
No。Meta标题,描述,站点地图和模式来自你的SEO插件。标题,alt文本,内部链接和速度设置都在免费的Elementor。Elementor Pro添加了主题构建器和动态内容等设计工具,它们都没有改变谷歌对页面的排名方式。
Pro 间接重要的地方就是模板,如果你的博客文章使用了你主题默认的单帖布局,你就通过主题来控制 H1 和结构,如果你想在 Elementor 中设计那个布局,你需要一个主题构建器,Elementor Pro 有一个,那么 主插件主题生成器其中包括标题、页脚、单篇文章、档案、搜索结果和 404 页。
Elementor 的 SEO 设置在哪里
很多人搜索“Elementor SEO 设置”并期望有一个面板。没有一个。Elementor 网站上的 SEO 分布在五个地方,并且知道哪个控制什么可以节省大量狩猎。
| 你想改变什么 | 它住在哪里 |
|---|---|
| SEO标题,元描述,焦点关键字,模式,无数据 | SEO插件的面板(排名数学,约斯特,SEOPress或AIOSEO都添加了一个选项卡在元素编辑器内) |
| 标题标签(H1 至 H6) | 每个小部件的 HTML 标签 "内容"选项卡中的选项 |
| 页面标题可见性(您的 H1) | 元素器页面设置(齿轮图标)→ 隐藏标题 |
| 速度设置:缓存、图像加载、字体 | WordPress 管理员 → 元素 → 设置 → 性能 並 特点 选项卡 |
| URL 插件 | WordPress 页面/帖子编辑器或快速编辑器(不是 Elementor) |
| 图像替代文本 | 媒体库附件详细信息(图像小部件从那里拉出) |
12 元素 SEO 最佳实践
1。安装一个SEO插件,并在元素器内部使用它
Elementor处理设计。SEO插件处理谷歌在查看您的布局之前读取的信号:标题标签,元描述,规范URL,XML站点地图,机器人规则,面包屑和模式。
SEO四大插件现在都在Elementor编辑器内部添加了自己的面板,所以你可以编辑SEO标题,检查你的焦点关键字,而无需离开你正在构建的页面Rank Math是我们在本站使用的设置向导,它可以在几分钟内处理站点地图,组织知识图谱和默认标题模板。
Pick哪个插件,只运行一个,两个活跃的SEO插件打印两组元标签和两个模式图,谷歌不得不猜测你指的是哪一个。
2、使用一个H1和真实标题标签
Google使用标题来了解页面的每个部分涵盖了什么,读者用它们来决定是否留下 在Elementor中,标题级别是一个设置,而不是字体大小 每个标题类型的小部件都有一个 HTML 标签 dropdown,而那个下拉是谷歌唯一看到的。
- H1: 页面主题,恰好一次。
- H2: 主要部分。
- H3 至 H6: H2下的子点,而不会跳过级别。
两个元素习惯导致大多数标题问题:
- 隐藏标题陷阱。 H1 你的主题打印页面标题,页面设置中打开隐藏标题设计自己的英雄,H1 就不见了,那么你添加的大英雄文字通常是标题小部件默认的,就是 H2 结果:没有 H1 的页面,如果隐藏标题,就用手把你的英雄标题设置为 H1 我们的指南 隐藏或删除页面标题 涵盖了做到这一点的安全方法。
- 用作装饰的标题。 像 “我们的服务” 这样的小标签在章节标题上方通常会得到一个 H2,仅仅因为它们位于标题小部件中。将它们设置为
p,span或div所以你的轮廓保持干净。
附加组件的样式标题遵循相同的规则。主插件 双头 並 渐变标题 widget都具有标签设置,因此您可以拥有一个双色英雄,并且仍然输出一个适当的h1。
3、开启元素师的性能设置
Elementor SEO 指南中的很多内容都跳过这一步,即使只有几个下拉,而且它会影响站点上的每个页面。转到 元素符 → 设置 在您的 WordPress 管理员中。 性能 並 特点 选项卡容纳决定页面重量的开关。
Performance 每个设置的作用以及我们如何设置它:
- CSS 打印方法:外部文件。 Elementor将页面CSS写入缓存的文件,而不是将其塞入每个页面的
<head>。仅在排除故障时保留内部嵌入。 - 优化图像加载:启用。 添加
fetchpriority="high"到 LCP 图像和loading="lazy"到折叠下方的图像。这是直接的LCP改进。 - 优化古腾堡加载:启用。 停止在完全用 Elementor 构建的页面上加载块编辑器样式。
- 懒惰加载背景图像:启用。 容器和部分背景等到需要时才出现,除了第一个。
- 本地加载 Google 字体:启用。 Fonts来自你自己的服务器,而不是谷歌的。那就少了一个第三方连接,它有助于GDPR。
- 元素缓存:1 天或更长时间。 提供元素的预渲染副本,而不是每次访问时都新鲜地构建它们。
然后打开 特点 tab。the 那里的两个稳定功能进一步削减页面权重:
- 内联字体图标 将图标渲染为内联 SVG,因此 Elementor 跳过加载 Font Awesome 和 eicons 库。
- 优化的标记 从元素和小部件中删除额外的 HTML 包装器,从而缩小 DOM。它会更改标记,因此在打开后检查针对这些包装器的任何自定义 CSS 或 JavaScript。
每次更改后测试您的主页。在"常规"选项卡上, 禁用默认颜色 並 禁用默认字体 当您的主题或套件已经设置字体时,也值得勾选。这会停止 Elementor 加载第二个字体堆栈。
4。通过核心网络元音符(LCP,INP,CLS)
核心网络活力 google 的三个页面体验指标,它们不会超过更好的内容,但在两个好页面之间的紧密通话中,获胜的速度越快,以下是每个元素页面上的含义:
| 公制 | 好成绩 | 常见的元素原因 | 修复 |
|---|---|---|---|
| LCP (最大内容涂料) | 2.5秒以下 | Hua大的英雄形象,或者说英雄形象懒惰地载入 | WebP英雄在显示大小, 从来没有懒惰-加载它, 保持优化图像加载 |
| INP (与下一幅画的交互) | 200毫秒以下 | JavaScript 太多:滑块、动画、聊天小部件、跟踪脚本 | 剪切未使用的小部件和第三方脚本,使用缓存插件延迟非关键 JS |
| CLS (累计版面移位) | 0.1以下 | 没有尺寸的图像、延迟加载字体、向下推内容的横幅 | 设置图像宽度和高度, font-display: swap,预留嵌入空间 |
INP在2024年3月取代了第一输入延迟,因此谈论FID的旧指南正在测量谷歌不再使用的东西。测试与 PageSpeed 见解 面(真正的chrome用户)的现场数据,然后再看实验室得分低于它,一个完整的步骤,请参见 如何加快 Elementor 网站的速度.
Lighthouse 是实验室数据,所以无法测量 INP,总阻塞时间是它最接近的实验室信号,0 ms 有一个好兆头,请检查 PageSpeed Insights 或 Search Console 中的字段数据以获取真实的 INP 号码。
5。从轻量级主题和体面的托管开始
Elementor做任何事情之前,你的主题加载到每个页面上。一个重型多用途主题,有自己的滑块和页面构建器增加了你永远不会使用的权重。当我们在15个主题上运行相同的Elementor页面时,Lighthouse移动乐谱从93(Blocksy)到70(Phlox),这与仅主题就相差23分。
您好 Elementor、Blocksy、GeneratePress 和 阿斯特拉 都是安全选秀。完整的测试是在我们的综述中 elementor 的轻量级 WordPress 主题.
Hosting设置你的楼层,如果服务器需要一秒钟的时间来响应,Elementor中没有任何设置可以修复这一点,选择具有服务器级缓存和PHP 8.2或更新的主机。基于LiteSpeed的主机,例如 主持人 与免费的 LiteSpeed Cache 插件配对良好。在其他主机上,WP Rocket 是一个简单的选择。
6。优化图像:格式、大小和Alt文本
图像是 Elementor 页面速度慢的最常见原因,而替代文本是最常跳过的 SEO 基础知识之一。
- 使用 WebP 或 AVIF。 WordPress 本机支持两者。安 图像优化器插件 可以批量转换您现有的库。
- 以显示大小上传。 600px 列中的 2400px 照片仍然可以下载全部 2400px 使用图像小部件的大小设置,这样 WordPress 就可以提供正确的。
- 在媒体库中编写替代文本。 Elementor Image 小部件从附件中读取 alt 文本,因此在其中设置一次,它会随处跟随图像。描述图像。仅当它适合时才包含关键字。
- 使用真实的文件名。
elementor-pricing-table.webp告诉谷歌一些事情。IMG_2843.jpg不是。 - 观看背景图像。 设置为部分或容器背景的图像没有 alt 文本,并且不在 Google Images 中索引。如果图像带有含义,请使用图像小部件。
7。保持网址简短和描述性
比较 example.com/?p=1234 与 example.com/elementor-pricing-table/。第二个告诉谷歌和读者在点击之前页面上的内容。你的弹头来自WordPress,而不是Elementor,所以在帖子编辑器或快速编辑器中设置它。
- 用 设置 → 永久链接 → 帖子名称.
- 保留主要关键字并删除填充词。
- 不要更改已排名页面的段落,如果必须的话,请从旧 URL 中添加 301 重定向(Rank Math 和大多数 SEO 插件都有重定向管理器)。
8。建立谷歌可以关注的内部链接
内部链接告诉谷歌哪些页面很重要以及它们如何关联将相关内容分组为集群:像这样的主要指南链接到重点帖子,它们链接回来。使用描述性锚文本,例如“元素断点“,不是“点击这里”。
一种特定于元素的捕获:谷歌只遵循真实的 <a href> links。some卡片和盒子设计,使得整个卡片可以用javascript点击,用户可以点击但谷歌无法关注。大师插件 包装链接扩展 将任何容器、部分或小部件转换为正确的链接,并具有新窗口的选项, nofollow 和自定义属性。
用 nofollow (或x),在2019年1月17日,在2019年1月1日,在 sponsored 为(付费和联盟链接)在出站链接上你不担保留下内部链接跟随。
9、在长页中添加目录
1500字左右以上的指南上,目录可以帮助读者跳转到他们需要的部分,它还给谷歌干净的锚链接,有时显示为“跳转到”链接在你的结果下的主插件 目录小部件 H2到H4标题自动构建列表,这是获得实践#2正确的又一个理由。
Elementor之外工作的插件,如果你也愿意使用,我们比较了我们的选项 目录插件 综述。
10。使用谷歌仍然显示的架构
Schema markup告诉搜索引擎什么是页面:一篇文章,一个产品,一个食谱,一个本地企业,它有助于理解,让你有资格获得丰富的结果,但丰富的结果列表发生了很大变化,较旧的Elementor SEO建议没有赶上。
- FAQ丰富的结果,自2023年8月以来,仅显示为知名政府和健康网站,FAQ模式不会再给正常的博客那些可扩展的问题在搜索。
- HowTo 丰富的结果也同样退役 谷歌更新.
- 仍然值得补充:文章(包含作者和日期)、组织、面包屑列表、带有商店评论的产品以及本地网站的 LocalBusiness。
SEO插件会自动输出大部分这些内容,因此工作通常是填写组织详细信息,每个帖子类型设置正确的模式类型,并检查是否没有标记任何在页面上不可见的谷歌 结构化数据库 列出它当前支持的每种类型。
要检查页面输出内容,请将其 URL 粘贴到 模式标记验证器。这是我们的主页:
FAQPage标记那里有效,仍然告诉搜索引擎哪个文本是问题,哪个是答案,它不会显示为可扩展的问题在谷歌结果中,原因在上。
11、设计移动-第一
Google根据你的站点手机版排名,一个在桌面上看起来很棒,手机上很局促的页面被判定为局促,在Elementor中,切换到编辑器中的平板电脑和移动视图,并检查每个部分:字体大小,间距,轻点目标和英雄。
小型手机上的超大标题文本是经典问题。设置每个断点的响应字体大小。Elementor 的附加自定义断点功能在默认值之上添加了移动额外、平板电脑额外、笔记本电脑和宽屏。如果您需要超出这些的断点,则使用主插件 自定义断点扩展 lets你添加自己的,也避免在移动端隐藏重要内容,如果隐藏在google索引的版本上,就不算了。
12、先为人写(而AI答案为第二)
No设置弥补了不回答搜索的内容谷歌的系统奖励显示经验,专业知识,权威性和信任(EEAT)的页面,在实践中这意味着:
- 先回答。 1段中直接回答主要问题,然后深入一点,AI概述和聊天助手也拉动了这些简短、清晰的答案。
- 展示真实的体验。 您自己的屏幕截图、测试结果和数字超过了库存照片和通用声明。
- 添加真正的作者 简短的简介,并显示可见的 “最后更新”日期。
- AI工具轻松阅读页面。 干净的标题和简短的答案段落在这里也有帮助。元素 4.3 也有一个 生成网站标记 验(功能选项卡,仍然是alpha),它为ai代理提供markdown版本的页面。密切关注它,但不要在没有先测试的情况下在实时网站上切换alpha功能。
- 保持新鲜。 1年重温几次重要页面更新已更改的截图、版本号和步骤。
比较了 Elementor 的最佳 SEO 插件
Elementor 配合使用,这四项都可以在编辑器内部添加面板,正确的取决于你想要多少控制权。
| SEO插件 | 最好的 | 元素编辑器面板 | 免费版本的模式 | 重定向为免费版本 |
|---|---|---|---|---|
| 排名数学 | 大多数 Elementor 用户想要大量功能和引导设置 | 是的 | 类型范围广泛 | 是的 |
| 尤斯特搜索引擎优化 | 想要简单、固执己见的指导的初学者 | 是的 | 自动核心图 | 否(高级) |
| 海奥普雷斯 | 机构和任何想要干净、无广告界面的人 | 是的 | 核心类型(更多专业版) | 是的 |
| 一切尽在一次搜索引擎优化中 | WooCommerce 和当地商业网站 | 是的 | 核心类型(更多专业版) | 否(专业版) |
Elementor构建的大多数人来说,Rank Math给出了最佳的功能组合,价格 如果你已经运行了Yoast或SEOPress并且它已经设置,那么没有排名理由切换。移动插件比留在原地承担更多的风险。
常见元素 SEO 错误
- 隐藏页面标题并最终没有 H1,或添加第二个。
- 懒惰加载英雄图像,这会伤害 LCP。
- 当两个人这样做时,将容器堆叠五层深。每一层都是额外的标记。
- 加载每个 Google 字体权重和图标库 “以防万一”。
- 使用背景图像作为内容图像,因此它们不会获得替代文本。
- 使用 JavaScript 而不是真正的链接使卡片可点击。
- 同时运行两个 SEO 插件。
- 离开 “阻止搜索引擎在启动后对本网站进行索引”(设置→阅读)。
- 发布没有指向它们的内部链接的薄页。
Elementor编辑器本身很慢或者在你修复这些的时候不会打开,请参阅我们的指南 元素编辑器未加载.
元素器 SEO 检查表
在发布之前,在每个页面上运行此列表:
- SEO 标题和元描述设置在您的 SEO 插件中
- H1 恰好一个,H2s 和 H3s 依次排列
- 简短、描述性的蛞蝓
- WebP中的英雄图像,显示大小,而不是懒惰加载
- Alt文本在每一个有意义的图像
- 至少有 3 个内部链接,还有一些指向相关页面
- 在 Elementor 编辑器中在移动设备上选中
- PageSpeed Insights:LCP 低于 2.5 s,INP 低于 200 ms,CLS 低于 0.1
- 页(文章,产品,本地业务)的模式类型正确
- 页面可索引(无杂散无分项)
常见问题
Elementor 对 SEO 有利还是不利?
Elementor在设置良好的情况下对SEO是好的,它输出可抓取的HTML,带有真实的标题标签,因此谷歌像任何WordPress页面一样对其进行索引,只有当页面速度慢或结构不良时,排名才会受到影响,您可以通过Elementor的性能设置,轻量级的主题,优化的图像和干净的标题大纲来修复。
Elementor 会减慢我的网站速度吗?
Elementor 添加了一些 CSS 和 JavaScript,但经过调整的 Elementor 站点加载速度很快,打开元素缓存和优化图像加载,使用轻量级主题和缓存插件,服务 WebP 图像并删除您不使用的小部件。仅在使用小部件时才加载资产的插件,例如 主插件,也帮帮忙。
Elementor 最好的 SEO 插件是什么?
Rank Math 是 Elementor 最受欢迎的选择,因为它具有编辑器集成、内置模式和免费重定向管理器。Yoast SEO、SEOPress 和 All in One SEO 也与 Elementor 编辑器集成。选择一个,不要一次运行两个,因为重复的元标签和模式会混淆搜索引擎。
Elementor Pro 对 SEO 有帮助吗?
Not directly。SEO信号来自你的SEO插件和你如何构建每个页面,所有这些都适用于免费的Elementor。Pro添加了一个主题构建器和动态内容,这有助于你为帖子和档案设计SEO友好的模板。第三方主题构建器,就像Master Addons中的那样,涵盖了同样的需求。
我可以在 Elementor 中进行 SEO 无代码操作吗?
是的。本指南中的所有内容都发生在可视化设置中:每个小部件中的标题标签、元素器设置中的性能切换、SEO 插件中的标题和模式以及媒体库中的 alt 文本。您只需要边缘情况的代码,例如 SEO 插件不支持的自定义模式类型。
最后的想法
Elementor SEO是您逐页工作的简短列表:干净的标题大纲,Elementor的性能切换,传递核心网络生命值,带有alt文本的大小图像,真正的内部链接,正确的模式和回答问题的内容从搜索控制台中获得最多印象的页面开始,修复它,然后移动到下一个。
Elementor 为您提供布局。 Master Addons 的 80 多个小部件和扩展30,000多个站点上使用,填写内容表,可抓取的卡片链接和自定义断点等部分。
下面的一些链接是联属链接,如果您通过它们购买,我们可能会赚取佣金,而您无需支付额外费用。
相关阅读
- 如何加快 Elementor 网站的速度:通过影响排名的核心网络生命体。
- 元素断点:修复响应式设计问题:获得移动优先索引。
- 最佳 WordPress 图像优化器插件:服务 WebP 并减轻页面重量。
- WordPress 的最佳目录插件:在 Google 中赚取跳转链接。
