如何在WordPress(正确的方式)中添加Google地图

您想在WordPress网站上显示Google地图吗?

如果您正在运行本地业务,则在您的网站上显示Google地图可以帮助用户轻松找到您的位置.它还可以帮助改善您的网站搜索引擎的能见度,以便您可以吸引更多的网站访问者.

在本文中,我们将向您展示如何在WordPress中添加Google地图.

Add Google Maps in WordPress

为什么在WordPress中添加Google地图?

你知道谷歌地图是所有平台上最受欢迎的导航应用程序吗?

如果您有办公室或物理商店地址,则将Google地图添加到WordPress网站,使用户可以轻松地查找您的物理商店,餐馆或零售店.这有助于您吸引更多客户并生成更多业务.

不仅如此,而且嵌入谷歌地图也可以改善您的WordPress SEO.根据谷歌,46%的搜索都是本地的.将Google地图添加到WordPress可以提高本地SEO,并提高本地搜索中的可见性.

现在有两种方法可以在WordPress中嵌入Google地图,我们将向您展示它们.

第二种方法的好处是它遵循所有本地SEO最佳实践,因此如果您使用它,那么Google 将开始在Google地图上包含您的位置.它还将显示您的业务信息,如本地搜索结果中的名称,徽标,地址,电话号码,开放时间等.

以下是您可以使用的快速链接,以便转到您喜欢的部分:

  • 如何在没有插件的Wordpress中添加Google地图
  • 如何在wordpress与本地SEO(推荐)

所说,让我们看看如何将Google地图添加到WordPress.

如何在没有插件的WordPress中添加Google地图

如果您只想在WordPress帖子或页面中快速嵌入Google地图,那么您可以使用默认的IFrame方法.

只需转到Google地图网站并在搜索区域中的任何街道地址键入.

Find location in Google Maps and Click Share to Embed

下一个,您需要单击共享图标,它将显示一个弹出窗口,可以选择发送位置链接或嵌入地图.您需要选择嵌入地图选项.

Copy Google Maps HTML Embed Code

之后只需复制Google Maps的HTML代码,然后打开要嵌入地图的页面.在块编辑器中,您需要添加自定义HTML块.

Select Custom HTML block in WordPress

现在,您可以简单地粘贴从Google地图复制的嵌入代码,然后更新或发布页面以预览更改.

Google Maps iFrame Embed Code in Block Editor

此方法适用于快速嵌入谷歌地图,但它并没有给您最大的SEO福利.

如果您是一个小企业,餐厅或在线商店,具有单个或多个物理位置,那么我们建议使用下一个解决方案来最大化当地的SEO排名,因为它使用适当的开放图数据来帮助您排名更高在谷歌.

如何将Google地图添加到WordPress与本地SEO插件

添加Google地图的最佳方法并优化您的网站,以获取本地SEO是通过在一个SEO(AIOSEO)中的所有方式.

这是WordPress最好的SEO插件,因为它有助于您在不编辑代码或雇用开发人员的情况下获得更高的SEO排名.超过300万个专业人士使用Aioseo来改善搜索引擎排名.

AIOSEO

对于本教程,我们将使用Aioseo Pro版本,因为它包括本地SEO功能和其他强大的优化选项.还有一个免费版AIOSEO,您可以用来开始优化搜索引擎的网站.

首先,您需要在WordPress中安装和激活Aioseo插件.有关详细信息,请参阅我们的教程如何安装WordPress插件.

在激活后,插件将启动设置向导.您可以单击"让我们开始入门"按钮来配置插件.如果您需要帮助,请参阅我们的指南,了解如何在WordPress中的一个SEO中正确设置.

AIOSEO setup wizard

next,您可以从您的Wordpress仪表板上挂在一个SEO中的 local seo .

然后单击"激活本地SEO"按钮以开始配置本地设置.

Activate local SEO

一旦激活了WordPress的本地SEO addon,您可以在AIoseo中添加单个位置或多个位置,并在Google地图上显示它们.我们将向您展示如何添加到您的网站.

添加一个位置

要添加您的地点,商业信息,开放时间等,首先,您需要转到下的"位置"选项卡在一个SEO»本地SEO .

如果您有单个物理位置,则将"多个位置"选项设置为NO.

Location tab under local SEO

之后,向下滚动到"映射"部分以引脚确切的位置.

只需在'输入查询'字段中输入您的地址,Google地图将显示您的位置.

Pin your store location

一旦输入了您的位置,请不要忘记单击"保存更改"按钮.

添加多个位置

如果您有多个物理位置,那么您需要在本地SEO的"位置"选项卡下启用"多个位置"设置.

Enable multiple locations

之后,您的WordPress管理面板将出现一个新的位置菜单.

继续前进并导航到位置,然后单击"添加新"按钮.

Add a new location

一旦进入WordPress编辑器,向下滚动到"地图"部分.

此处您可以在"输入查询"字段中输入您的地址.

Add multiple map locations

在地图上输入您的位置并添加位置信息后,请继续,然后单击"发布"按钮.

您现在可以重复此步骤,并根据您想要的业务添加尽可能多的位置.

一旦完成添加您的位置,您可以转到中的"Maps"标签中,即在一个SEO»本地SEO 菜单中.

在这里,您必须输入Google Maps API密钥.

Enter Google maps API key

现在,让我们看看如何为Google地图创建API密钥.

创建Google Maps API密钥

要启动,您需要访问Google地图平台网站,然后单击"开始入门"按钮.

Google maps platform

使用Google帐户登录后,您需要设置一个结算帐户.

Google地图平台有代价的定价,他们为所有用户免费提供每月使用的300美元300美元.对于大多数网站,这将很容易覆盖一个像我们在本教程中创建的那样嵌入的简单地图.

别担心,除非您手动升级到付费帐户,否则它们不会向您收取任何费用.

要开始,请继续,然后单击"创建账单帐户"按钮.

Create a billing account

下一个,您可以选择您所在的国家/地区,然后从下拉菜单中选择最能描述组织的内容.

选择此信息后,单击服务条款复选框,然后单击"继续"按钮.

Enter personal details for billing account

在下一个屏幕上,您需要输入您的电话号码以进行验证,然后单击"发送代码"按钮.

Enter mobile number

验证代码后,下一件事是输入您的业务名称,付款方式详细信息和帐单地址.

输入了这些详细信息,单击"开始我的免费试用"按钮.

Enter business name and payment details

接下来,您将被问到有关组织的一系列问题以及您将如何使用Google地图平台.

Google地图将询问您使用该平台的主要目标,您所在的行业,选择一个用例,以及您的公司规模.

回答这些问题后,请继续并单击"提交"按钮.

Answer few questions for google maps

您现在会看到谷歌地图API密钥的弹出窗口.

您可以在文本文件中复制并保存此键以供将来使用.

Copy the API key

现在您已创建Google Maps API密钥,您需要返回WordPress仪表板以在AIOSEO本地SEO设置中输入它.

在WordPress

中配置Google Maps设置

您现在可以从WordPress仪表板上返回所有在一个SEO»本地SEO 中,然后导航到"Maps"选项卡.

继续在"API键"字段中输入Google Maps API密钥.在添加密钥时,您会在Aioseo中看到映射的预览.

Add API key and see map preview

下一个,您可以向下滚动以编辑地图设置.

aioseo允许您使用Gutenberg块,短码,小部件或PHP代码显示Google Maps.它还可以让您选择不同的地图样式并向地图添加自定义标记.

Edit map settings

别忘了完成后点击"保存更改"按钮.

在WordPress

中显示Google Maps

接下来,您可以将Google地图添加到任何WordPress帖子或页面.要启动,只需在您的网站上编辑或添加新页面.

一旦进入块编辑器,单击顶部的"+"按钮,并在页面上的任何位置添加"AIOSEO本地-地图"块.

Add local maps block

之后,您的Google地图将被添加到页面中.

aioseo还允许您从右侧选项编辑地图设置.例如,您可以显示标签和图标,添加自定义标记,并编辑地图的宽度和高度.

Edit your map in WordPress

如果您有多个位置,则可以通过从右侧菜单中的选项中选择选项来选择要突出显示的位置.

只需单击"位置"下拉菜单,然后选择您在网站上显示的首选位置.

Choose which location to display

一旦您对您的设置满意,请继续并发布页面.

现在您可以访问您的网站以查看谷歌地图.

Preview your map

您还可以将Google Maps添加到您的网站的小部件部分,如侧栏或页脚.

要启动,请从WordPress管理面板中转到外观»小部件.接下来,单击"+"按钮,然后添加"AIOSEO本地- MAP"小部件块,您希望显示您的位置.

Add maps widget

之后,您可以编辑窗口小部件设置.

例如,您可以添加标题,更改地图的宽度和高度,如果有多个位置,选择要显示的位置,并编辑标签.

Edit map widget settings

是!

现在当您更新您的网站时,您将在小部件区域看到Google地图.

Maps preview in widget area

我们希望这篇文章有助于您了解如何将Google地图添加到WordPress网站.您还可以查看我们的小型企业最好的WordPress插件指南,以及我们专家挑选企业家最好的身份盗窃保护服务.

8

发表回复