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.


  • 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!






Efectos jQuery - Ocultar y mostrar

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-17
  • Categorias: Diseño Web Lenguajes De Programacion html5 jQuery WebSite webmasters Noticias Tutorial

Como abrir un enlace con jQuery

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-17
  • Categorias: Diseño Web Lenguajes De Programacion html5 jQuery WebSite webmasters Noticias Tutorial

Cómo rastrear a los usuarios de Adblock usando Google Analytics

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-11-15
  • Categorias: Google WebSite Trucos y tips Noticias Tutorial

Curso de iniciación de JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Cómo insertar código JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial

Expresiones JavaScript para especificar valores de atributos en HTML

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2019-10-21
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial