如果你为本地企业(尤其是实体店铺)构建了网站,那么在WordPress网站上突出显示其位置的Google地图部分非常重要。将地图嵌入你的网站还有助于提升本地搜索引擎优化(SEO)效果,因为Google会将其在搜索结果中排名较高。
如何在WordPress中添加Google地图
幸运的是,在WordPress中嵌入与你的商店或办公室位置相关的Google地图非常简单。继续阅读以开始操作。
在不使用API或插件的情况下向WordPress添加Google地图
这是在WordPress博客或网站中添加Google地图最简单的方法。它包含两个主要步骤:复制嵌入链接和将链接粘贴到WordPress代码块中。按照以下步骤进行操作。
获取Google地图嵌入链接
- 打开Google Maps网页版。
- 在搜索框中键入或搜索你想要嵌入的位置。
- 点击“分享”,转到“嵌入地图”,选择你想要的大小,然后点击复制HTML。
将嵌入链接粘贴到WordPress中
- 登录到你的WordPress仪表板。
- 点击“页面”,然后点击“添加新页面”(你也可以使用新文章或编辑旧页面)。
- 点击“+”按钮,然后点击“自定义HTML”。
- 将你复制的Google地图嵌入链接粘贴进去。然后保存并发布你的页面。
使用API在WordPress中添加Google地图
如果你在WordPress上进行博客,你可以使用API嵌入Google地图,不过你必须使用地图插件来实现。在这个示例中,我们使用WP Go Maps插件,但也有其他插件可供尝试。首先,我们需要获取API。
如何获取Google地图API
你可以为小型企业使用免费的API功能,但高级API每月大约需支付7美元,并根据你接收到的印象数量而扩展。获取Google地图API时,你必须在Google Cloud控制台中正确设置计费。设置计费后,继续进行以下步骤。
- 点击左上角的汉堡菜单,点击“API和服务”。
- 选择“启用API和服务”。
- 点击汉堡菜单,在API和服务上悬停,然后点击“库”。
- 在“地图”下点击“查看所有”。
- 点击“Maps JavaScript API”,然后点击其“启用”按钮。
- 返回API库页面,并重复第5步,为“Directions API”,“Geocoding API”,“Geolocation API”和“Places API”依次操作。
- 点击汉堡菜单,在API和服务上悬停,然后点击“凭据”。
- 屏幕顶部点击“创建凭据”选项,选择API密钥。
- 选择“编辑API密钥”选项。
- 选择“网站”单选按钮,然后点击“添加”。
- 输入你的网站URL,点击“完成”,然后点击“保存”。
- 点击“显示密钥”选项并复制你的API密钥。
使用WP Go Maps插件
我们将使用WP Go Maps作为示例。按照以下步骤下载它。
- 打开WordPress仪表板,从菜单栏点击“插件”,然后在页面顶部点击“添加新插件”。
- 搜索WP Go Maps,点击第一个插件的“立即安装”选项,安装完成后点击“激活”。
- 点击左侧面板上的“地图”选项,点击“高级”选项卡,输入你的API密钥,然后点击右下角的“保存设置”。
- 在左侧面板上选择“地图”,将地址添加到“地址/GPS”字段中,然后点击“添加标记”按钮。
总结
虽然WP Go Maps可以完成工作,但并非唯一能做到这一点的插件。
你可以浏览WordPress插件商店,找到其他嵌入Google地图的插件。一些更好的选择包括:
- Google Maps Widget
- Google Maps Easy
- Intergeo
下载并启用插件后,每个插件应该都有简短的教程,说明如何插入你的Google地图API密钥以允许WordPress使用Google地图。其余工作就交给你了。
使用集成地图的WordPress主题
除了使用插件为网站创建地图外,你还可以选择一个具有集成地图选项的主题。
然而,你不太可能找到一个免费的主题能够集成Google地图。其中一个更好的版本是Divi,如果使用订阅的话大约每年需要90美元。然而,它的其他功能,如AI辅助网站创建和许多专业模板,使其成为一个出色的选择。
通过在WordPress网站上嵌入你商店的Google地图位置,使潜在客户和客户更容易找到你的本地企业。调整地图位置并创建一个简单直接的联系页面以获得最佳效果。
常见问题解答
如何在WordPress中添加Google地图API密钥?
你可以将其嵌入WordPress代码块或使用插件。一些插件可能提供小部件,你可以在其中嵌入API密钥。
如何在WordPress中添加Google地图而不使用插件?
具体的过程取决于你使用的插件。然而,API密钥通常会放在插件的高级选项中的API字段中。
这些步骤应该可以帮助你成功在WordPress网站上添加和配置Google地图。