Cómo añadir Google Maps en WordPress (de la manera correcta)

¿Quieres mostrar Google Maps en tu sitio web WordPress?

Si tienes un negocio local, mostrar Google Maps en tu sitio puede ayudar a los usuarios a encontrar fácilmente tu configuración regional. También puede ayudar a mejorar la visibilidad de su sitio en los motores de búsqueda para que pueda atraer a más visitantes al sitio web.

En este artículo, le mostraremos cómo añadir Google Maps en WordPress.

¿Por qué añadir Google Maps en WordPress?

¿Sabías que Google Maps es la aplicación de navegación más popular en todas las plataformas?

Si tienes la dirección de una oficina o de una tienda física, añadir Google Maps a tu sitio web de WordPress facilita a los usuarios la localización rápida de tus tiendas físicas, restaurantes o puntos de venta. Esto le ayudará a atraer a más clientes y a generar más negocio.

No solo eso, sino que la asignación de Google Maps también puede mejorar el SEO de WordPress. Según Google, el 46% de todas las búsquedas son locales. Añadir Google Maps a WordPress puede impulsar tu SEO local y mejorar tu visibilidad en las búsquedas locales.

Existen dos formas de incrustar Google Maps en WordPress, y te mostraremos ambas.

La ventaja del segundo método es que sigue todas las prácticas recomendadas de SEO local, por lo que si lo utiliza, Google empezará a incluir su ubicación en Google Maps. También mostrará la información de su negocio, como el nombre, el logotipo, la dirección, el teléfono y el horario de apertura en los resultados de búsqueda locales.

Dicho esto, veamos cómo puedes añadir Google Maps a WordPress. A continuación te mostramos los enlaces rápidos que puedes utilizar para ir a la sección que prefieras:

Cómo añadir Google Maps en WordPress sin plugins

Si sólo quieres incrustar rápidamente Google Maps en una entrada o página de WordPress, puedes utilizar el método iFrame por defecto.

Sólo tienes que ir al sitio web de Google Maps y escribir la dirección de cualquier calle en la zona de búsqueda.

A continuación, haga clic en el icono Compartir y aparecerá una ventana emergente con la opción de enviar un enlace de ubicación o asignar un mapa.

Debe seleccionar la opción “Incrustar un mapa”.

Después, sólo tienes que copiar el código HTML de Google Maps y abrir la página en la que quieras asignar el mapa.

Dentro del editor de bloques, debe añadir un bloque HTML personalizado.

Ahora sólo tienes que incrustar el código que has copiado de Google Maps.

A continuación, deberá actualizar o publicar la página para obtener una vista previa de los cambios.

Este método funciona para incrustar rápidamente Google Maps, pero no le proporciona las máximas ventajas SEO.

Si tiene una pequeña empresa, un restaurante o una tienda online con una o varias ubicaciones físicas, le recomendamos que utilice la siguiente solución para maximizar su posicionamiento SEO local, ya que utiliza datos de gráficos abiertos adecuados para ayudarle a posicionarse mejor en Google.

Cómo añadir Google Maps a WordPress con un plugin de SEO local

La mejor manera de añadir Google Maps y optimizar tu sitio para SEO local es utilizando All in One SEO (AIOSEO).

Es el mejor plugin de SEO para WordPress porque te ayuda a obtener mejores rankings de SEO sin necesidad de editar código o contratar a un desarrollador. Más de 3 millones de profesionales utilizan AIOSEO para mejorar su posicionamiento en buscadores.

Para este tutorial, utilizaremos la versión Pro de AIOSEO porque incluye la característica SEO Local y otras potentes opciones de optimización. También hay una versión gratuita de A IOSEO que puede utilizar para empezar a optimizar su sitio para los motores de búsqueda.

En primer lugar, tendrá que instalar y activar el plugin AIOSEO en WordPress. Para más detalles, consulta nuestro tutorial sobre cómo instalar un plugin de WordPress.

Una vez activado, el plugin iniciará el asistente de configuración. Puede hacer clic en el botón “Empecemos” para configurar el plugin. Si necesitas ayuda, consulta nuestra guía sobre cómo establecer correctamente All in One SEO en WordPress.

A continuación, puede dirigirse a All in One SEO ” Local SEO desde su escritorio de WordPress.

A continuación, haga clic en el botón “Activar SEO local” para establecer los primeros pasos de la configuración regional.

Una vez activada la extensión SEO Local para WordPress, puede añadir una única ubicación o varias en AIOSEO y mostrarlas en Google Maps. Le mostraremos cómo añadir ambos a su sitio web.

Añadir una única ubicación

Para añadir sus ubicaciones, información comercial, horarios de apertura, etc., primero debe ir a SEO Todo en Uno ” SEO Local y abrir la pestaña “Ubicaciones”.

Si tiene una única ubicación física, mantenga la opción “Varias ubicaciones” establecida en No.

Después, desplázate hasta la sección “Mapas” para asignar tu ubicación exacta.

Sólo tienes que introducir tu dirección en el campo “Introducir una consulta” y Google Maps mostrará tu ubicación.

Una vez que hayas introducido tu ubicación, no olvides hacer clic en el botón “Guardar cambios”.

Añadir varias ubicaciones

Si tiene más de una ubicación física, deberá activar la opción “Varias ubicaciones” en la pestaña “Ubicación” del SEO local.

Después de eso, aparecerá un nuevo menú de Ubicaciones en su panel de administrador de WordPress.

Vaya a Ubicaciones y haga clic en el botón “Añadir nuevo”.

Una vez en el editor de WordPress, desplácese hasta la sección “Asignar”.

Aquí puede introducir su dirección en el campo “Introducir una consulta”.

Una vez introducida su ubicación en el mapa y añadida la información de localización, siga adelante y haga clic en el botón “Publicar”.

Ahora puede repetir este paso y añadir tantas ubicaciones como desee para su negocio.

Una vez que haya terminado de añadir sus asignaciones regionales, puede ir a la pestaña “Mapas” en el menú Todo en Uno SEO ” SEO Local.

Aquí tendrás que introducir una clave API de Google Maps.

Veamos ahora cómo crear una clave API para Google Maps.

Creación de una clave API de Google Maps

Para empezar, tendrás que visitar el sitio web de Google Maps Platform y hacer clic en el botón “Empezar”.

Después de acceder con tu cuenta de Google, tendrás que establecer una cuenta de facturación.

Google Maps Platform tiene precios de pago por uso, y ofrecen los primeros 300 dólares de uso mensual de forma gratuita para todos los usuarios. Para la mayoría de los sitios web, eso cubrirá fácilmente una simple asignación de mapas como la que estamos creando en este tutorial.

No te preocupes, no te cobrarán ninguna cuota a menos que actualices manualmente a una cuenta de pago.

Para empezar, siga adelante y haga clic en el botón “Crear cuenta de facturación”.

A continuación, puede seleccionar su país y elegir lo que mejor describa su organización en el menú desplegable.

Una vez que haya seleccionado esta información, haga clic en la casilla de verificación de las Condiciones del servicio y, a continuación, haga clic en el botón “Continuar”.

En la pantalla siguiente, deberá introducir su número de teléfono para la verificación.

Una vez hecho esto, haga clic en el botón “Enviar código”.

Una vez verificado el código, lo siguiente es introducir el nombre de su empresa, los datos del método de pago y la dirección de facturación.

Una vez introducidos estos datos, haga clic en el botón “Iniciar mi periodo de prueba gratuito”.

A continuación, se te formulará una serie de 4 preguntas acerca de tu organización y de cómo utilizarás Google Maps Platform.

Google Maps le preguntará acerca de su principal objetivo al utilizar la plataforma, a qué sector pertenece, seleccione un caso de uso y el tamaño de su empresa.

Después de responder a estas preguntas, siga adelante y haga clic en el botón “Enviar”.

Ahora verás una ventana emergente con tu clave API de Google Maps.

Puede copiar y guardar esta clave en un archivo de texto para utilizarla en el futuro.

Ahora que ha creado una clave de API de Google Maps, deberá volver al escritorio de WordPress para introducirla en los ajustes de SEO local de AIOSEO.

Configuración de los ajustes de Google Maps en WordPress

Ahora puede volver a All in One SEO ” Local SEO desde su escritorio de WordPress y navegar hasta la pestaña “Mapas”.

Introduce la clave API de Google Maps en el campo “Clave API”. Verás una vista previa del mapa en AIOSEO en cuanto añadas la clave.

A continuación, puede desplazarse hacia abajo para editar los ajustes de los mapas.

AIOSEO te permite mostrar Google Maps mediante un bloque de Gutenberg, shortcode, widget o código PHP. También te permite elegir diferentes estilos de mapas y añadir un marcador personalizado a tu mapa.

No olvides hacer clic en el botón “Guardar cambios” cuando hayas terminado.

Visualización de Google Maps en WordPress

A continuación, puedes añadir Google Maps a cualquier entrada o página de WordPress. Para empezar, simplemente edita o añade una nueva página en tu sitio web.

Una vez en el editor de bloques, haga clic en el botón “+” de la parte superior y añada el bloque AIOSEO Local – Mapa en cualquier lugar de la página.

A continuación, tu mapa de Google se añadirá a la página.

AIOSEO también te permite editar los ajustes del mapa desde las opciones de la derecha. Por ejemplo, puede mostrar etiquetas e iconos, añadir un marcador personalizado y editar la anchura y la altura del mapa.

Si tiene varias ubicaciones, puede seleccionar la que desea resaltar eligiendo entre las opciones que aparecen en el menú de la derecha.

Simplemente haga clic en el menú desplegable “Ubicación” y seleccione la ubicación que prefiera para mostrarla en su sitio web.

Cuando esté satisfecho con los ajustes, publique la página.

Ahora puedes visitar tu sitio web para ver Google Maps en acción.

También puedes añadir Google Maps a la sección de widgets de tu sitio, como la barra lateral o el pie de página.

Para empezar, dirígete a Apariencia ” Widgets desde tu panel de administrador de WordPress. A continuación, haga clic en el botón “+” y añada el bloque del widget “AIOSEO Local – Mapa” donde desee mostrar su configuración regional.

Después, puedes editar los ajustes del widget.

Por ejemplo, puede añadir un título, cambiar la anchura y la altura del mapa, elegir qué ubicación mostrar si tiene varias ubicaciones y editar la etiqueta.

¡Eso es!

Ahora, cuando actualices tu sitio web, verás Google Maps en la zona de widgets.

Guías de expertos sobre el uso de mapas en WordPress

Ahora que ya sabes cómo añadir Google Maps a tu sitio, puede que te interese ver otras guías relacionadas con los mapas y la ubicación en WordPress.

• Cómo incrustar Bing Maps en WordPress (paso a paso)
• Cómo añadir un mapa interactivo en WordPress
• Cómo incrustar un mapa de Google en formularios de contacto (con alfiler de mapa)
• Los mejores plugins de Google Maps para WordPress (la mayoría son gratuitos)
• Cómo añadir el localizador de tiendas de Google Maps en WordPress
• Cómo añadir schema de múltiples configuraciones regionales para negocios locales en WordPress
• Cómo añadir autocompletado a los campos de dirección en WordPress
• Los mejores plugins de geolocalización y GeoIP para WordPress

Esperamos que este artículo te haya ayudado a aprender a añadir Google Maps a tu sitio de WordPress. También puedes consultar nuestra selección de los mejores plugins de WordPress para pequeñas empresas y aprender a añadir un localizador de tiendas de Google Maps en WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.