当前位置：首页 > CMS教程 > 正文

WordPress如何轻松制作图片列表？

在WordPress创建图片列表：编辑文章/页面时，点击“添加媒体”上传图片并选择“创建相册”，或直接使用古腾堡编辑器的“图库”区块上传排列图片，也可使用相册插件实现更丰富的分类展示效果。

在WordPress中创建高效且符合SEO的图片列表，需兼顾用户体验、加载速度和搜索引擎优化,以下是详细操作指南：

核心方法：原生相册功能（无需插件）

上传并优化图片
- 进入媒体库上传图片，确保每张图片：
  - 文件名含关键词（如上海外滩旅游照.jpg而非IMG123.jpg）
  - 添加精准ALT文本（描述图片内容，如“上海外滩夜景灯光秀”）
  - 和描述（辅助搜索引擎理解）
创建相册区块
- 在文章/页面编辑器中点击添加区块 → 选择相册
- 从媒体库勾选图片 → 点击创建新相册
- 布局设置：
  - 列数：根据屏幕宽度选3-4列（移动端自动响应式）
  - 链接到：选择媒体文件（点击放大原图）
  - 裁剪缩略图：勾选（统一图片尺寸）
进阶优化技巧
- 在附加选项中启用懒加载（减少首屏加载时间）
- 通过CSS添加悬停动画效果（提升交互体验）：
```
.wp-block-gallery .blocks-gallery-item img {  
   transition: transform 0.3s;  
}  
.wp-block-gallery .blocks-gallery-item:hover img {  
   transform: scale(1.05);  
}  
```
  （添加到主题自定义izer的“额外CSS”中）

操作示例（Envira Gallery）：

技术优化
- 使用Smush或ShortPixel压缩图片（保持WEBP格式）
- 添加loading="lazy"属性（原生相册已自动支持）
- 确保页面加载速度≤2秒（通过GTmetrix测试）
  优化**
- 图库上方添加文字描述（300字左右，自然融入关键词）
- 为每张图片编写独特Caption（如：“2025年上海外滩灯光节实拍 – 最佳观景点推荐”）
- 使用<h2>标签标注图库主题（如<h2>上海城市风光摄影合集</h2>）
结构化数据
- 安装Rank Math或Yoast SEO插件
- 在页面设置中启用Gallery结构化数据类型
- 提交页面至Google Search Console的“网址检查”工具