Cómo crear datos estructurados para tu Google Maps

Cómo crear datos estructurados para tu Google MapsEn este Tutoriales En Linea vamos a ver como hacer el marcado o los datos estructurados para tu Google Maps, implementar scheme.org en el marcado de tu página web es muy importante hoy en día, este tipo de esquemas (shema.org) le da a los buscadores (Google, Bing, yahoo, etc) la capacidad de identificar y usar el contenido de tu sitio web para agregar a los resultados de la búsqueda fragmentos enriquecidos.

Uno de los factores más importantes en una busqueda, especialmente si tienes un negocio local, es aparecer de forma adecuada en la lista que Google Maps devuelve. La mejor manera de conseguir esto es usar la url de tu mapa de Google Maps en el esquema de tu negocio (LocalBusiness). Actualmente existen dos maneras de implementar el marcado de tu Google Maps en tu sitio web.
Usando URL Schema es tan sencillo como añadir una URL a la propiedad hasMap de tu marcado LocalBusiness.

Con Microdatos (Microdata)

<div itemscope itemtype="http://schema.org/LocalBusiness">
<span itemprop="name">Tutoriales En Linea</span>
 <img itemprop="image" src="/templates/Tutorialesenlinea/images/TL.png" alt="Tutoriales En Linea"/>
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="streetAddress">Tu direccion aqui...</span>
    <span itemprop="addressLocality">Localidad</span>,
    <span itemprop="addressRegion">Region</span>
    <span itemprop="postalCode">Codigo postal</span>
  </div>
  <span itemprop="priceRange">Euros</span>
 <span itemprop="telephone">(000) 0123-456789</span>
<!-- Coloque el código del mapa -->
<a itemprop="url" href="http://Tu_url_de_tu_google_maps.com" target="_blank">Ver el mapa</a>

Con JSON-LD

<script type='application/ld+json'>{
"@context": "http://www.schema.org",
"@type": "LocalBusiness",
"name": "Tutoriales En Linea",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Tu Localidad",
    "addressRegion": "Tu Localidad",
    "postalCode": "Tu Codigo postal",
    "streetAddress": "Tu direccion aqui..."
  },
  "priceRange": "Euros",
   "telephone": "(000) 0123-456789",
"image":"https://tutorialesenlinea.es/templates/Tutorialesenlinea/images/TL.png",
"hasMap": "https://maps.google.com/maps?cid=Su número de usuario"
}
}</script>
Ahora vamos a usar el esquema extendido para Google Mapas.

Con Microdatos (Microdata)

<div itemscope itemtype="http://schema.org/LocalBusiness">
  <img itemprop="image" src="/templates/Tutorialesenlinea/images/TL.png" alt="Tutoriales En Linea"/>
<span itemprop="name">Tutoriales En Linea</span>
  <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="streetAddress">Tu direccion aqui...</span>
    <span itemprop="addressLocality">Localidad</span>,
    <span itemprop="addressRegion">Region</span> <span itemprop="postalCode">Codigo postal</span>
  </div>
  <span itemprop="telephone">(000) 0123-456789</span>
   Rango de precios: <span itemprop="priceRange">Euros</span>
  Toma reservaciones: si
<!-- Coloque el código del mapa -->
<span itemscope itemprop="hasMap" itemtype="http://schema.org/Map">
<link itemprop="mapType" href="http://schema.org/VenueMap" />
<a itemprop="url" href="http://Tu_url_de_tu_google_maps.com" target="_blank">Ver el mapa</a>
</span>
</div>

Con JSON-LD

<script type='application/ld+json'>{
"@context": "http://www.schema.org",
"@type": "LocalBusiness",
"name": "Tutoriales En Linea",
"image":"https://tutorialesenlinea.es/templates/Tutorialesenlinea/images/TL.png",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Tu Localidad",
    "addressRegion": "Tu Localidad",
    "postalCode": "Tu Codigo postal",
    "streetAddress": "Tu direccion aqui..."
  },
  "priceRange": "Euros",
   "telephone": "(000) 0123-456789",
"hasMap": {
"@type": "Map",
"mapType": "VenueMap",
"url": "http://Tu_url_de_tu_google_maps.com"
}
}
}</script>
Actualmente, existen cuatro tipos diferentes de categorías disponibles para el marcado de los mapas. Las posibilidades que podemos elegir son ParkingMap (mapa del aparcamiento), SeatingMap (para el mapa de la sede), TransitMap para un mapa de viaje y VenueMap (Para el mapa de reuniones). Para más información visitar el sito de schema.org y preguntar por hasMap o por MapCategoryType.


<a onclick=Tutoriales En Linea" class='avatar avatar-64 photo' height='64' width='64'>
  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-07-16
  • Categorias: Google Google Maps Diseño Web Schema.org WebSite webmasters Marketing SEO Noticias Tutorial



Información
Usuarios que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!