这是一篇 Astra Pro主题(pro版)的 Ultimate Addons for Elementor 终极扩充功能,相关的教程。 更多视频教程可参考 Astra 主题入门。
Astra 是一款优质轻量级且多功能的 WordPress 主题,不论是新手或是有一定程度的 WordPress 玩家,使用它都是很棒的选择。
文章中,我会挑选几个 Ultimate Addons for Elementor 在 Elementor 扩充的元素功能,进行相关教程,至于其他元素的操作方式也差不多,可自行玩玩看。
教程章节如下:
- 1. 开始前需准备?
- 2. Ultimate Addons for Elementor 是什么?
- 3. 安装启用&凭证激活
- 4. Business Hours 营业时间
- 5. Content Toggle 内容切换
- 6. Image Gallery 图片画廊
- 7. Modal Popup 模块弹出
- 8. Price List 价目表
- 9. Countdown Timer 倒计时
- 10. Navigation Menu 网站菜单
- 11. WPForms Styler 表单样式器
- 12. Seo Widgets 结构化数据
- Astra 进阶版方案,更多教程?
- WordPress 学习资源
准备好了吗? 我们开始吧:)
1. 开始前需准备?
Astra 是轻量多功能的热销主题,进阶版功能更加释放它的能力,可客制化程度更高。
本篇文章介绍的内容,是 Astra最高版本 迷你代理商方案,才有的功能。
开始前需完成购买安装 &凭证激活,如有需要也可联系我们。
![astra-plan-4 Astra Theme 高级版方案一览](https://img.itaoda.cn/wp-content/uploads/2023/05/astra-plan-4.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
如果你正好奇,使用 Astra 这款轻量快速的多功能主题,能做出一些什么网站?
我在建立Blog、搭建形象网站、搭建购物网站,有做不同类型的网站示范,共通点就是都用Astra主题,应该会有效地帮助到你。
如果你有兴趣且购买了 Astra 进阶版方案,那将会得到更多定制网页的能力。
2. Ultimate Addons for Elementor 是什么?
![apf-astra-block46-4 Astra 的 Ultimate Addons for Elementor 功能插件](https://img.itaoda.cn/wp-content/uploads/2023/05/apf-astra-block46-4.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Ultimate Addons for Elementor 终极扩充功能,是 Astra 在 Elementor 页面编辑器上,新增了多种区块元素,可强化网页设计能力。
除了 Elementor 编辑器,Astra 也有 Ultimate Addons for Beaver Builder 插件,帮 Beaver Builder 做了功能扩充(这在购买 Astra 方案时,就需选择)。
Ultimate Addons for Elementor 主要功能有,提供 40 多种功能小套件、100+ 网站模板、200+ 区块模板。
![apf-astra-block45-3 Ultimate Addons for Elementor 插件特色](https://img.itaoda.cn/wp-content/uploads/2023/05/apf-astra-block45-3.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
像是内容切换、图片展示画廊、多变讯息框、多类型广告框(不同出现方法)、价目表功能、客制化文章布局等 .. 。 (仅列举部分)
![apf-astra-block50-3 Ultimate Addons for Elementor 的多种 Elementor 功能扩充(仅部分截图)](https://img.itaoda.cn/wp-content/uploads/2023/05/apf-astra-block50-3.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
还有 100 多种 Astra 使用 Elementor 开发的进阶完整模板(加上 200+ 高质感区块模板),如果正困扰找不到喜欢的,这会是好的解决方案。
只需一键套用即可,假如用了之后不喜欢,有内建模板还原程序,省掉后续重置的麻烦。
![apf-astra-block55-2 Ultimate Addons for Elementor 有多种 Astra 进阶模板可使用](https://img.itaoda.cn/wp-content/uploads/2023/05/apf-astra-block55-2.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
以上是 Ultimate Addons for Elementor 简单介绍。
3. 安装启用&凭证激活
接下来我简单分 3 步骤,完成 Ultimate Addons for Elementor 安装启用&凭证激活。
Step1:下载 WP Portfolio 插件
点击 Astra 官网 上方菜单的 My Account > Downloads,会前往到 Brainstorm Force(头脑风暴部队)网站的登录页面。
如果找不到路径,前往 Astra 官网滑到网站页尾(最底端)也会看到 Downloads 按钮。
![att-astra-block43-5 前往 Astra 官网,找到 Download。](https://img.itaoda.cn/wp-content/uploads/2023/05/att-astra-block43-5.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
前往并输入购买注册的账号&密码,然后登入。
然后,会看到 Astra 的相关下载文档都在这,我们找到 Ultimate Addons for Elementor 点击下载。
![aae-astra-block-1 Ultimate Addons for Elementor 程序文档下载](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Step2:安装&启用 Ultimate Addons for Elementor 插件
前往 WordPress 后台 > 插件 > 安装插件,点击 上传插件,把刚下载的 Ultimate Addons for Elementor 上传安装。
安装完成后,记得点 启用 才算真正有激活(图略过)。 也可参考 如何安装 WordPress 插件。
![aae-astra-block2-1 Ultimate Addons for Elementor 插件安装](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block2-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Step3:输入 Ultimate Addons for Elementor 凭证激活
前往 Brainstorm Force 官网 > Account,点击 Licenses 凭证页面。
备注:这跟刚下载 Ultimate Addons for Elementor 文档,是同一个网站。
![apf-astra-block5-4 astra wp portfolio:前往 brainstormforce 的凭证页面](https://img.itaoda.cn/wp-content/uploads/2023/05/apf-astra-block5-4.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
找到Mini Agency Bundle项目,会有Ultimate Addons for Elementor的启动凭证,我们把它复制下来等下会用到。
备注:这里的凭证页面都是重要资料,请妥善保存唷:)
![aae-astra-block3-1 复制 Ultimate Addons for Elementor 启动证书](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block3-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
回到 WordPress 后台 > 插件 > 已安装插件,点击 Ultimate Addons for Elementor 的 Activate License。
![aae-astra-block4-1 前往 WordPress 的 Ultimate Addons for Elementor 插件,启用凭证](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block4-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
然后把刚复制的 Ultimate Addons for Elementor 凭证贴上并启用,就正式激活此插件啰。
![aae-astra-block5-1 Ultimate Addons for Elementor 凭证启用](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block5-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
凭证启用后,就会看到侧边栏有 Ultimate Addons for Elementor 终极扩充功能了,太棒了!
接下来的文章,我会带大家上手这款 Astra 开发的好用插件,准备好了就开始吧:)
4. Business Hours 营业时间
如果是经营个人或公司服务,或是店面需显示营业时间,都可以用这个Business Hours元素,达到美观的设计。
前往 Elementor > Ultimate Addons,找到 Business Hours 就可使用。
![aae-astra-block6-1 Astra Addons Elementor :Elementor 的 Business Hours 扩充元素](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block6-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
可以配置日期时间、文本颜色&对齐调整、动态效果、背景颜色等 .. ,达成想要的营业时间效果。
![aae-astra-block7-1 Astra Addons Elementor :Elementor 的 Business Hours 扩充元素](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block7-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Business Hours 元素的详细使用教程,也可参考 Astra 官方教程影片。
5. Content Toggle 内容切换
Ultimate Addons for Elementor 提供 Content Toggle 内容切换元素,允许在两个现成的布局中,点击按钮实现切换效果。
前往 Elementor > Ultimate Addons,找到 Content Toggle 就可使用。
![aae-astra-block10-1 Astra Addons Elementor : Content Toggle 内容切换元素](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block10-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
这可用来做一些订阅服务的呈现,像是月缴、年缴之间的版面切换。
![aae-astra-block9-1 Astra Addons Elementor : Content Toggle 内容切换元素](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block9-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
或是可以设计当前功能&即将推出功能,之间的面板切换。 还有其他可延伸的用途,都能用这功能做变化。
![aae-astra-block11-1 Astra Addons Elementor : Content Toggle 内容切换元素](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block11-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Content Toggle 元素的详细使用教程,也可参考 Astra 官方教程影片。
6. Image Gallery 图片画廊
Ultimate Addons for Elementor 有提供 Image Gallery 图片画廊元素。
Image Gallery 可以创造多种的图片布局界面,并提供分类过滤器,动态呈现效果除了美观,也方便访客找到标的。
不论是网格式、流体式、轮播式的方法都可以完成,满足你的创作需求。
![aae-astra-block12-1 Astra Addons Elementor :Elementor 的 Image Gallery 扩充元素](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block12-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
简约的分类过滤器,方便图像分类排序,还可以在图片加上自定义链接。
如果有相关作品需展示,这功能也是个好帮手:)
![aae-astra-block13-1 Image Gallery 效果呈现(其中一种)](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block13-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Image Gallery 元素的详细使用教程,也可参考 Astra 官方教程影片。
7. Modal Popup 模块弹出
Modal Popup 模块弹出,是 Ultimate Addons for Elementor 的功能之一。
这元素可创建直觉的弹出窗口,可通过点击任一形式的触发物,像是按钮、文字、图片等 .. 就能显示窗口。
至于,弹跳窗口的显示内容,可呈现一般编辑器内容、图片/影片,或是 Elementor 的自定义区块,非常的万能且方便。
![aae-astra-block14-1 Astra Addons Elementor :Elementor 的 Modal Popup 扩充元素](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block14-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Modal Popup 模块弹出,支持多种动态呈现方式,像是Fade In淡入、Slide In 滑入、Flip翻转等 ..。
![aae-astra-block15-1 Modal Popup 多种动态显示方式](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block15-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Modal Popup 元素的详细使用教程,也可参考 Astra 官方教程影片。
8. Price List 价目表
Price List 价目表,是 Ultimate Addons for Elementor 的功能之一。
只需把模块拖入到页面上,就能完成漂亮的菜单、目录、产品列表,或是其他的特色项目。
![aae-astra-block16-1 Astra Addons Elementor :Elementor 的 Price List 扩充元素](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block16-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
可以设置内容布局、背景样式、列表框线等 .. ,满足多种品牌价目表的设计需求。
![aae-astra-block17-1 Price List 价目表,漂亮的菜单](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block17-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
Price List 元素的详细使用教程,也可参考 Astra 官方教程影片。
9. Countdown Timer 倒计时
Countdown Timer 倒计时,是 Ultimate Addons for Elementor 的功能之一。
如果即将推出新的商品/服务,或是促销优惠时,都可以用此元素达成紧张感,提升访客购买的机率。
![aae-astra-block18-1 Astra Addons Elementor :Elementor 的 Countdown Timer 扩充元素](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block18-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
可设定倒数计时类型(也有无限循环的),能对单一时间单位进行显示 or 隐藏,像是不需要秒就关闭即可。
还能设定时间到期后要做的动作,可以隐藏倒数框、导向别的页面、显示讯息,或是不做任何动作都可。
![aae-astra-block19-1 Elementor 的 Countdown Timer 倒数计时元素](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block19-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
以上是 Countdown Timer 的简单介绍,有需求可以玩玩看:)
10. Navigation Menu 网站菜单
Navigation Menu 网站菜单,是 Ultimate Addons for Elementor 的功能之一。 有关基础选单制作,可参考 WordPress 菜单。
可配置菜单类型、布局样式、手机菜单等 .. ,也能定制大型菜单(套用 Elementor 的 Saved Section),是个多功能组合。
![aae-astra-block22-1 Astra Addons Elementor :Elementor 的 Navigation Menu 元素](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block22-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
有关菜单客制化,套用 Elementor 的 Saved Section 自订区块,这代表能加上任何文字、图片影像、网站表单、WooCommerce 商品。
![aae-astra-block23-1 使用 Navigation Menu 元素,做成的大型菜单](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block23-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
除此之外,Navigation Menu 元素有多种交互式菜单特效,当鼠标悬停在菜单时,会出现不同效果吸引访客眼球,可挑选喜爱的使用。
支持友善的手机版菜单,在不同设备上都看起来良好。
![aae-astra-block24-1 Navigation Menu 友善的手机菜单支持](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block24-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
菜单也有多种布局方式,像是横式、垂直、展开、飞入等 .. 漂亮效果。
Navigation Menu 元素的详细使用教程,也可参考 Astra 官方教程影片。
11. WPForms Styler 表单样式器
WPForms Styler 表单样式器,是 Ultimate Addons for Elementor 的功能之一。
WPForms 是最热门常用的 WordPress 在线表单设计插件,全球超过 300w 个网站使用,可帮助你完成多种表单设计。 参考 WordPress 表单插件,有更多整理。
而 WPForms Styler 是帮 WPForms 做表单样式的强化,让表单变得更加美观。
![aae-astra-block25-1 WPForms Styler 表单样式器](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block25-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
有了 WPForms Styler 元素,你可以管理所有表单字段颜色、表单排版、成功&错误消息的专用颜色。
![aae-astra-block26-1 WPForms Styler 漂亮的表单设计](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block26-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
WPForms Styler 能制作干净&时尚的样式,有方框 / 下划线的表单样式,可管理字体大小和边距等 .. ,达到你的需求。
![aae-astra-block27-1 WPForms Styler 可设计简约&干净的接口](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block27-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
以上是 WPForms Styler 的简单介绍,帮助你更快上手:)
12. Seo Widgets 结构化数据
Seo Widgets 结构化数据,是 Ultimate Addons for Elementor 的功能之一。
这是 Astra 为 Elementor 所开发的 SEO 专用元素,用来强化 Schema 结构化数据专用的,可提高 Elementor 所设计的页面排名。
![aae-astra-block28-1 Elementor 的 Seo Widgets 结构化数据](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block28-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
备注:网页有良好的 Schema 结构,是对搜索引擎友善的,这代表 Google 不需花太多时间,读取&分析你的网页是在说明什么,就有机会得到比较大的搜索版面。
Seo Widgets 有提供 Business Reviews、How-To Schema、FAQ Schema、Table Of Contents,多种 Schema 结构化资料。
![aae-astra-block29-1 Table Of Contents 的 Schema 数据类型](https://img.itaoda.cn/wp-content/uploads/2023/05/aae-astra-block29-1.png?imageMogr2/auto-orient/format/webp/blur/1x0/quality/60|watermark/2/text/5rqQ56CB56S-/font/5b6u6L2v6ZuF6buR/fontsize/1200/fill/IzAwMDAwMA==/dissolve/6/gravity/Center/dx/10/dy/10|imageslim)
依照网页需求,选取适当的进行使用即可。
SEO 优化是个关键课题,能帮助更多人找到你的网站,提高网站的自然流量。
原文链接:https://www.itaoda.cn/blog/10952.html,转载请注明出处。
评论0