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!






Como Saber Si Mi Equipo Está Infectado De Malware

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-11
  • Categorias: Software Ordenador Internet malware Noticias Tutorial

Qué Hacer Para Que Google Indexe Tu Web

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-11
  • Categorias: Google WebSite Indexar Noticias Tutorial

Cómo descargar y descubrir los mejores stickers en Facebook

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-11
  • Categorias: Redes Sociales Facebook Noticias Tutorial

Desarrollo De Software - Parte 1

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-11
  • Categorias: Lenguajes De Programacion Software Nuevas Tecnologias Cursos Noticias Tutorial

¿Por qué no eres un famoso diseñador gráfico?

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-08-05
  • Categorias: Cursos Noticias Tutorial

Curso de iniciación de JavaScript

  • Autor:
  • Editor: Tutoriales En Linea
  • Fecha:2020-07-26
  • Categorias: Lenguajes De Programacion javascript Cursos Noticias Tutorial