Documentación Domestika

En los primeros días de Agosto, hemos realizado una nueva actualización de la plataforma web. Antes de implementar esta nueva funcionalidad, en la plataforma DMSTK  se podían configurar los siguientes tipos de metatags para las páginas HTMLs: Titulo,  Descripción, Palabras clave.

La modificación realizada permite añadir cualquier tipo de metatag a la página web, bien sea de forma genérica (metatags que saldrán en todas las URLs de la web), o de forma específica (metatags que sólo aparecen en la sección donde se han configurado).

Además, estos nuevos metatags implementados soportan multilenguaje, es decir, que se pueden configurar diferentes metatags para cada idioma en el que se encuentre la web.

Metatags globales a todas las URL´s.

Los metatags globales a todas las páginas de la web se configuran desde Preferencias > General, campo Meta-block.

El campo Meta-block es un cuadro de texto donde se escriben directamente los metatags, tal cual saldrán en las páginas de la web.

Para modificar o añadir los metatags, primero hay que seleccionar el idioma en la lista que aparece en la parte superior del menú lateral izquierdo (si lo queremos en castellano, no hay que tocar nada) y después, escribir los metatags en el campo Meta-block y darle al botón Guardar.

Metatags específicos a UR´s de sección.

Además de los metatags generales a todas las URLS, se pueden establecer metatags específicos a una sección en concreto.

Para ello, hay que acceder a la sección en concreto en el gestor de contenidos, y pulsar el botón Editar.

En la pantalla de edición  aparecen los principales metatags como son el titulo, las palabras claves y la descripción. El nuveo campo Metatags se usará para el resto de metatags que se quieran añadir (como son los metatags de google, caché, etc.).

Para modificar los metatags, primero hay que seleccionar el idioma en la lista que aparece en la parte superior del menú izquierdo del gestor de contenidos (igual que el punto 2.1), después escribir los metatags en el campo Metatags, y darle al botón Guardar.

Estos metatags sólo se muestran en las url´s de la  sección donde se han editado.

Ejemplos de uso de la funcionalidad de metatags

Esta nueva funcionalidad resultará de ayuda para controlar elementos importantes de cara al posicionamiento en buscadores. Las distintas aplicaciones posibles son:

• Controlar los títulos de las páginas para optimizar el contenido.
• Controlar el campo de descripción de la web (meta-description) que permite optimizar el snnipet de cara a los resultados de búsqueda.
• Poder incorporar códigos de otros servicios que requieren validación. Por ejemplo, Google pone a disposición de los usuarios servicios de análisis de la web como “Herramienta para Webmasters”. Estos servicios requieren introducir códigos en el campo meta block de la web.

Description

¿Qué ve el buscador? Es una etiqueta en el código html  meta name=”description”  que explica de forma más detallada a que se dedica la empresa o los productos que ofrece.

¿Qué ve un usuario? Un  texto  descriptivo,  en negro,  que acompaña a un  resultado de búsqueda.

Ver Imagen:

¿Cómo se edita? Es editable desde el Gestor de Contenidos,  botón “Editar” de  la Sección,
rellenando el campo Descripción.
Recomendaciones: De nuevo,  podemos  indicar  distintas descripciones en  función de  las
secciones de nuestro sitio web.  Es  importante que  la  descripción  incluya a su vez,   las
palabras clave por las que nos queremos posicionar.Ejemplo: Domestika es la empresa
líder en soluciones de diseño web y publicidad en Internet para PYMEs y Autónomos miles de
clientes satisfechos.

Optimización de un sitio web

La optimización de un sitio web para su visibilidad en mótores de búsqueda recibe también el nombre de SEO o técnicas SEO por sus siglas en inglés (Search Engine Optimization). Los buscadores establecen sus resultados de búsquedas en una serie de algoritmos para intentar ofrecer siempre una página web que se corresponda con lo que el usuario necesita y está buscando en ese momento.

Por  ello,  al  preocuparnos por mejorar el  posicionamiento natural de   una   página  web,   de  manera   que   obtengamos   nuevos   visitantes,   estaremos mejorando  la experiencia del  usuario  tanto   de  los   actuales como de  los potenciales  y optimizando   de  manera   directa   lo   que   nuestros   usuarios   perciben   de   nuestro   sitio  web
mejoramos nuestro posicionamiento en el índice del buscador.

En definitiva, trabajar en mejorar el posicionamiento en los buscadores (SEO) de un sitio web se torna como una tarea muy importante en la que influyen dos tipos de factores:

• Factores Técnicos: aquellos que son controlables por el responsable del sitio web.  Título, descripción y palabras y el propio contenido
• Factores Externos: aquellas acciones que escapan a nuestro control de manera directa.

Enlaces

Los enlaces ayudan a posicionar nuestro sitio web en buscadores, aunque no todos los enlaces son igual de importantes. Los enlaces con más valor para mejorar el posicionamiento son:

• Aquellos que provienen de páginas con  temática similar  a  la de nuestra página y son considerados enlaces de calidad.
• Los enlaces que vengan de páginas con alto PageRank3 tienen una mayor importancia para el buscador.
• A su vez, los enlaces que vienen de páginas web que llevan publicadas un tiempo   considerable   en   la   red   y   siguen   actualizándose,   son   también considerados por el buscador como enlaces de calidad.
• El enlace a tu página debe ser duradero, estar un tiempo en el sitio web, ya que estos  enlaces  son de mayor  calidad porque  tienen  relación con  los servicios, productos o temática de la página web. • Aquellos   que   provienen   de   sitios   web   en   nuestro   mismo   idioma   son percibidos como enlaces valiosos y relevantes para nuestra página web.  Si los contenidos de tu página son en español, mejor enlaces de páginas en español.
• Por otro  lado,  es bueno conseguir  los enlaces hacia nuestro sitio web de forma progresiva. Un incremento de enlaces sustancial en muy poco tiempo no es natural, por lo tanto, los enlaces a tu página deben  producirse poco a poco, aunque en este aspecto no podemos influir y pocas veces se puede elegir.

Textos Alt

¿Qué ve el buscador? Es una etiqueta en el código html <alt> que indica el contenido de una imagen .
¿Qué ve un usuario? Si el navegador o el usuario, tienen desactivadas las imágenes o éstas
tardan mucho en aparecer, un texto descriptivo ayuda a la navegación.
¿Cómo se edita? Es editable desde el Gestor de Contenidos.  Es el mismo que el h2, descrito
en el punto anterior ya que al editar el h2, estamos editando el  alt de las imágenes de esa
sección.
Recomendaciones: Sirven  las   recomendaciones  del  punto anterior,   teniendo en  cuenta,
además que al incluir imágenes mediante el Gestor, hemos de procurar que el nombre de la
imagen   sea   descriptivo. Ejemplo,   una   imagen   ha   de   llamarse  consultoria.jpg y  no
image01.jpg

Header 2-h2

¿Qué ve el  buscador? Es una etiqueta en el  código html  <h2> que  indica que el   texto
incluido   que   sigue   es   un   subtítular,   que   indica   información   relevante   de   la   sección   o
subsección.
¿Qué ve un usuario? A nivel de diseño, un h2 organiza y distribuye la atención del usuario
proporcionando una  estructura visual dentro de la página web.
¿Cómo   se   edita? Es   editable   desde   el  Gestor   de  Contenidos.  Es   el  título del   texto
introductorio de cada sección o subsección como por ejemplo: nombres de productos, de
servicios, de imágenes en la galería, entre otros. No tiene porque corresponder con el título de
la sección, por tanto, se edita desde el botón de “Editar” encima de la sección. Cada sección,
cada página, cada subpágina… del sitio web tendrá su propio h2.

Recomendaciones: Para lograr mejorar el posicionamiento de cada una de las páginas web
Optimización SEO que componene el sitio web deberemos incluir como título del texto introductorio las palabras
clave relevantes. Ejemplo: “Restaurante – Terraza”  o “Motores de Combustión” o “Libros
con   estilo”.  Por   otro   lado,   hay   que   evitar   incluir   términos   genéricos   como   “Servicios”   o
“Empresa”, términos que sí pueden aparecer como título de la sección en sí.

Header 1-h1

¿Qué ve el buscador? Es una etiqueta en el código html  <h1> que indica que el término
incluido tiene una mayor relevancia dentro del sitio web, el elemento al que va asignado tiene
importancia. (En inglés Header 1)
¿Qué ve un usuario? La etiqueta h1 está asignada, en todas las secciones de la web,  al
logotipo de la empresa, un elemento común y que rige siempre la navegación.
¿Cómo se edita? Es editable desde el Gestor de Contenidos. Desde Preferencias → General
→ Nombre del Sitio
Recomendaciones: Es   interesante  que   el  h1  contenga   información   general   de   nuestra
empresa como por ejemplo: Diseño web profesional o Venta y Exportación de cítricos.

Contenidos

La frecuencia en la actualización de un sitio web es un factor determinante ya que cuanto
más se actualice el contenido de una página, mayor es la probabilidad de que Google u otros
buscadores nos posicionen mejor en el  índice de búsquedas.  Destacar que los contenidos
deben ser originales.

Con esto nos referimos a que no deben ser contenidos ya publicados, es
decir, contenidos copiados, ya que Google y otros buscadores penalizan este tipo de acciones.
Hay que tener muy claro aquellos temas que queremos resaltar dentro de nuestro sitio web.
Por un lado, introducir en los contenidos palabras clave por las que queremos aparecer
en los buscadores, ya que nos ayudará a posicionarnos mejor para esas palabras clave.

Para  llevarlo a cabo,  habrá que pensar  primero qué palabras utilizarán  los usuarios para
buscar los contenidos que ofrecemos en nuestra página.
El   destacar   una palabra  en  negrita indica  a  los  buscadores   que  esa  palabra  clave  es
importante por el tema que se está tratando y por lo tanto, sobresale del resto de palabras que
conforman el contenido de la página. Es recomendable que pongas alguna de las palabras
relevantes de esta manera

Keywords

¿Qué ve el buscador? Una etiqueta en el código html meta name=”keywords” que indica
las palabras clave por las que un buscador debe indexar nuestra página web en el índice de
resultados según los términos de búsqueda que realice el usuario.
¿Qué ve un usuario? Las keywords o palabras clave, no son visibles para un usuario.
¿Cómo se edita? Es editable desde el Gestor de Contenidos botón “Editar” de la sección,
completando  el campo Palabras Clave.
Recomendaciones: Podemos    indicar  diferentes   palabras   clave   según   la   sección.  Por
ejemplo en la sección de Empresa, podemos incluir términos como atención cliente, seriedad,
asesoría Bilbao y en la de servicios: asesoría para pyme, declaración de la renta, entre otras.

* Keyword o palabra clave: es un término de búsqueda formado por una o más palabras que hace que un
anuncio aparezca en el buscador cuando un usuario lo incluye en su consulta.

Title

¿Qué ve el buscador? Una etiqueta <title> en el código html de la página que se incluye al
principio del código y que indica el nombre de la página web .
¿Qué ve un usuario? Aparece en la barra de títulos de la ventana o como título, en este caso
en morado, del resultado de búsqueda. Nota: en este documento, al  hablar de un usuario, nos referimos a un usuario medio utilizando un navegador visual

¿Cómo se edita? Este tipo de etiquetas es editable desde el Gestor de Contenidos,   botón
“Editar” de la sección, rellenando el campo Título.
Recomendaciones: Es recomendable que cada sección tenga su  Title. En la home, debe
incluir el nombre de la empresa e identificar la actividad profesional de la empresa. Ejemplo:
Domestika:   Diseño Web y  Marketing   Online   para   Empresas o Blanco   Consultores:
Consultoría empresarial para emprendedores. En el resto de las secciones debe identificar el
contenido de la sección, ejemplo: Domestika: Valores o Blanco Consultores: Contacte con
nosotros.