Inicia sesión




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.

Te sugiero seguir leyendo...


  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-07-16
  • Categorias: Google Google Maps Diseño Web Schema.org WebSite webmasters Marketing SEO Noticias Tutorial

Cómo crear datos estructurados para tu Google Maps
Cómo crear datos estructurados para tu Google Maps Cómo crear datos estructurados para tu Google Maps...
Tutoriales en linea




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






Mejoras en los graficos y tablas en Google App

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-05-16
  • Categorias: Google Apps Herramientas Ofimaticas Noticias Tutorial

Agujeros De Seguridad En Android, Facebook, Windows, Office, Internet Explorer, Adobe...

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-05-16
  • Categorias: Noticias Adobe Tutorial Facebook Windows Herramientas Ofimaticas

Como diseñar trayectorias del movimiento en PowerPoint

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-05-16
  • Categorias: Herramientas Ofimaticas PowerPoint Microsoft Software Noticias Tutorial

Curso de CSS avanzado

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-01-18
  • Categorias: Diseño Web CSS3 html5 Html Cursos Noticias Tutorial

Curso de Introducción a CSS

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-01-18
  • Categorias: Diseño Web CSS3 WebSite webmasters Cursos Noticias Tutorial

Curso básico de Javascript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-01-17
  • Categorias: Diseño Web javascript Cursos Noticias Tutorial