Introducción GUIA DE USUARIO

Transcripción

1 GUIA DE USUARIO Introducción El objetivo de esta guía es orientar al usuario en el uso del Portal Web en ella encontrará información de interés sobre la edición del contenido, palabras clave para la optimización del portal en los motores de búsqueda. T e l. ( 0 1 ) C e l e - m a i l s e r v i c i o c l i e n t e s i g m a m x. n e t 1 7 / 0 8 /

2

3 Contenido Introducción... 2 Ventajas de contar con un Sitio Web... 2 Mantenimiento de su Página Web... 2 Características generales del portal... 3 Datos generales del nombre de domino... 3 Características básicas del hospedaje... 3 Contenido del portal... 4 Tipografía del Sitio... 5 Modificación del contenido... 5 Aspectos básicos del editor... 7 Barra de herramientas del editor... 7 Funciones básicas de los botones del editor más utilizados... 7 Configuración SEO Meta Descripción: Meta Palabras Clave: Alta del sitio en los motores de búsqueda Google Yahoo - Bing Ejemplo de búsqueda en Google, yahoo bing: Google Analytics Visitas contabilizadas por el Servidor Web Recomendaciones

4 Introducción En la actualidad todas las empresas u organizaciones, sin importar su tamaño, necesitan y deben contar un sitio Web. En los países más avanzados está demostrado que la intensidad en la aplicación de nuevas tecnologías y la incorporación de Sitios Web, está relacionado directamente con el incremento de las ventas, la productividad y el valor de mercado de las empresas. Además, las empresas que no entren en el campo de Internet en los próximos 10 años, tendrán una tendencia a desaparecer por la competencia tan fuerte que existirá. Ventajas de contar con un Sitio Web Oficina virtual.- A través del sitio Web Usted podrá llegar a clientes potenciales, un sitio Web es como una oficina de ventas en Internet. Disponibilidad.- La presencia las 24 horas, los 7 días de la semana, los 365 días del año, permite que aún fuera del horario de trabajo, la empresa siga promoviendo sus servicios. Menor costo operativo.- Ahorro en gastos de publicidad, reducción de teléfono y personal, de modo que cualquier información que pudiera necesitar el cliente la podrá consultarla directamente en su página Web, esto le ahorra tiempo, dinero y reduce el número de llamadas telefónicas. Imagen profesional de la empresa.- Actualmente las empresas respetadas en el medio tienen presencia en la Web. El no contar con una dirección en Internet, puede dar una imagen poco seria y profesional. Competencia.- Su imagen en Internet podrá ser comparable a cualquier compañía que se dedique a lo mismo que usted hace. Es un terreno imparcial donde el sitio web de una empresa pequeña puede ser tanto o más atractivo que el de una empresa muy grande. Por eso podrá competir justo al lado de las empresas más grandes, de igual a igual. Mantenimiento de su Página Web No hace falta disponer de altos conocimientos informáticos para mantener una página web actualizada, ofrecer sus servicios o para comunicarse con sus clientes vía correo electrónico. Además el correo electrónico es más cómodo de atender, más rápido y más barato que el teléfono, el fax o el correo postal. Un buen diseño web realizado por el webmaster y un sistema actualizado con un buen servicio le permite varias ventajas, no solo a nivel técnico actualizando textos e imágenes, creando páginas o publicando su propio contenido con solo unos clicks, sino que la actualización constante de la información será de un gran valor añadido tanto para sus visitantes como para el posicionamiento en buscadores. 2

5 Una página web solo le implica una cierta dedicación de tiempo, quizá una nueva rutina en las actividades diarias, pero recuerde, es su negocio y está las 24 horas abierto a sus clientes, tendrá clientes que esperen un presupuesto, preguntas que responder o quizás algo que consultarle. Características generales del portal A continuación se presentan las características generales del portal Datos generales del nombre de domino El nombre de dominio o simplemente riavaza.com está registrado con la siguiente información: Nombre: Mario Alberto Díaz Coyotzi Dirección: Sierravista no 927 local C Ciudad: Distrito Federal Código postal: País: México Teléfono: +52 (01) Fecha de registro: 15-Julio-2015 Fecha de expiración: 15-Julio-2016 Características básicas del hospedaje El espacio de almacenamiento, llamado también hospedaje del sitio está alojado en servidores del proveedor del servicio contratado en una cuenta Premium. Las características básicas de la cuenta Premium son las siguientes: Espacio en disco 10,000 MB Transferencia de datos 100 GB Copias de respaldo Semanalmente Soporte PHP Versiones 5.2, 5.3, 5.4, 5.5 Bases de datos MySQL 2 Cuentas de correo 10 Velocidad de red del Servidor 100 mbps RAM de Servidor 16 GB Modalidad del Servidor Compartida 3

6 Contenido del portal El portal de riavaza.com cuenta hasta la fecha con la siguiente estructura y contenido: Menú de navegación con 6 apartados (Inicio, Comidas, Menú CIC, Desayunos, Sucursales, Contactos) Se incorporaron y editaron más de 35 fotografías e imágenes 1 banner dinámico con 4 fotografías 5 banners (uno para cada apartado del menú de navegación) 7 páginas de contenido 1 botón para redes sociales Área de acceso al sistema 4

7 El portal tiene un diseño responsivo, esto quiere decir que el contenido se adapta a la mayoría de los dispositivos móviles. A continuación se presenta como se distribuye el contenido de la página en una pantalla de PC, en una Tablet y en un celular. Tipografía del Sitio El tipo de letra utilizado en todo el sitio es Georgia, este tipo de letra es estándar en los navegadores más usados, por lo que no debe de haber ningún problema de visualización o compatibilidad. Modificación del contenido Para comenzar la edición del contenido de es necesario acceder al sistema mediante el nombre de usuario y contraseña: En el sistema aparecerá un mensaje de bienvenida que nos indicará que se ha ingresado correctamente al sistema. 5

8 Una vez que se acceso al sistema se puede navegar normalmente utilizando los menús, si quiere editar, ya sea para agregar, borrar o modificar la información del contenido de una de las secciones, solamente es necesario dar clic en el botón de edición que se indica a continuación: Posteriormente aparecerán todas las características modificables del contenido de esa sección, para ello utilizaremos el editor de texto: 6

9 Aspectos básicos del editor Barra de herramientas del editor A la mayor parte de las funciones del Editor se accede desde la barra de herramientas, que contiene filas de botones y listas que ejecutan diversos comandos en el contenido de la sección, como negrita o subrayado o abrir un diálogo para acciones como la inserción de imágenes o la creación de tablas Un botón deshabilitado no responderá si se hace clic en él y aparece como transparente u opaco. Un botón se desactiva cuando la acción o la posición actual del cursor no es relevante para ese botón, por ejemplo en el botón Eliminar tabla se desactivará cuando no se selecciona ninguna tabla o el cursor no está dentro de una tabla, y se habilita cuando el cursor se encuentra dentro de una tabla. Funciones básicas de los botones del editor más utilizados Nombre: Icono: Ayuda Abra el cuadro de diálogo Editor para obtener ayuda de Ayuda (información en inglés) Deshacer Deshacer la última acción Rehacer Rehacer la última acción Negrita, Itálica, Subrayado y Tachado Aplicar o quitar un efecto de negrita, itálica subrayado o tachado en el texto seleccionado. Familia de la fuente Establezca el tipo de fuente de letra aplicada al texto, por ejemplo seleccione: Arial Tamaño de fuente Ajuste el tamaño de fuente en el texto, por ejemplo seleccione: 10px 7

10 Nombre: Icono: Alineación del texto Permite establecer la alineación del texto: Justificado, Centrado, izquierda o derecha Establece Formato Aplica un estilo de formato preestablecido por ejemplo: párrafo, encabezado 1, encabezado 2, etc. Nuevo documento Quita el documento actual para trabajar en uno nuevo Color de letra Cambia el color del texto seleccionado Color de fondo Cambia el color de fondo del texto seleccionado, como si se remarcara con un marcador Hipervínculo Inserta o edita un hipervínculo Desenlazar Desenlaza o quita un hipervínculo Sangría Aumentan o disminuyen la sangría del texto Lista ordenada Crear una lista ordenada Lista sin ordenar Crea un lista con viñetas Mapa de caracteres Seleccione un carácter especial para insertarlo Eliminar formato Eliminar formato en el texto o elemento seleccionado Línea horizontal Inserta una línea horizontal en el área seleccionada Subíndice Aplicar o quitar un subíndice en el texto seleccionado. El tamaño del texto se reducirá y el texto ajustado ligeramente por debajo del tamaño normal 8

11 Nombre: Icono: Superíndice Aplicar o quitar un superíndice en el texto seleccionado. El tamaño del texto se reducirá y el texto ajustado ligeramente por encima del tamaño normal Bloques visuales Mostrar una representación visual de los elementos de bloque. Por ejemplo los contornos en una tabla y los estilos Elementos directrices Activa o desactiva la ayuda visual Pantalla Completa Expande el editor para visualizarlo en pantalla completa Insertar / Editar imágenes Sube, borra, renombra e insertar imágenes Impresión Imprime el contenido del editor Herramientas: Cortar, Copiar y Pegar Incluye la limpieza de contenido Microsoft Word opciones de pegado de texto sin formato. Buscar y reemplazar Buscar y reemplazar texto en el contenido del editor Editor de código fuente Editar el código fuente HTML del artículo Herramientas para tablas Insertar, elimina y edita tablas y celdas 9

12 A continuación se presentan las características del botón de insertar y editar imágenes editor, ya que su uso es frecuente para insertar imágenes al contenido: del Como se puede observar en la figura anterior (Gestor de imagen), en la pestaña Imagen se muestran las propiedades de la imagen seleccionada, en este caso esta seleccionada en la URL la imagen del logoprincipal_blanco.png, la vista previa nos permite ver la miniatura de la imagen. En texto alternativo permite visualizar una descripción de la imagen en el caso de que el navegador no pueda visualizar correctamente la imagen debido a una conexión lenta a internet o simplemente porque la imagen fue borrada del servidor. La propiedad Dimensiones muestra el tamaño de la imagen seleccionada, podemos ver en nuestro caso que la imagen logoprincipal_blanco.png tiene una dimensión de 148 x 79 pixeles, si cambiamos estos valores se puede hacer la imagen más grande o pan chica. Se observa la casilla 10

13 de verificación Proporcional, que se puede activar o desactivar, está opción permite modificar las dimensiones de la imagen distorsionándola pudiéndola hacer más larga o más angosta. La propiedad Alineación permite establecer la posición de la imagen esta puede ser: Izquierdo, Centrado, Derecho, Superior, Medio o Inferior. La propiedad Limpiar establece los lados en donde no se situaran otros objetos a los lados de la imagen (ninguno, ambos, derecha, izquierda), si se deja en no establecido, los objetos o el texto rodearán la imagen. La propiedad Margen permite establecer el tamaño del margen de la imagen a su alrededor. La propiedad Borde establece el ancho, el estilo y el color del borde de la imagen. El Navegador Archivos muestra las carpetas y las imágenes contenidas desde el elemento raíz, (en este caso el elemento raíz es la carpeta de imágenes contenida en el servidor web). Si queremos abrir una carpeta solamente le daremos clic al signo (+) que está al lado izquierdo de ella, si queremos cerrar una carpeta daremos clic en el signo (-). Para crear una carpeta, daremos clic en el botón y escribiremos el nombre de ella. Una vez establecida la carpeta en la que queremos subir imágenes, daremos clic en el botón aparecerá la siguiente ventana: y nos En esta ventana tenemos dos opciones, una es arrastrar con el ratón nuestras imágenes desde el explorador de Windows o dar clic en el botón imágenes. y seleccionar desde ahí las Posteriormente daremos clic en el botón Teniendo seleccionada una imagen en el Navegador Archivos, se puede observar en el lado derecho cinco botones que permiten realizar varias acciones como son: Eliminar, Renombrar, Copiar, Cortar, Ver o Insertar. 11

14 En la parte superior del editor de texto se muestra el botón este permite conmutar entre nuestro editor y el editor de código HTML, es altamente recomendable no modificar ninguna línea en el editor HTML. En la parte inferior del editor de texto aparecen unos botones adicionales, a continuación se explica brevemente su funcionamiento: El botón Artículo permite insertar en el contenido del editor un artículo (página contenida en el sitio web) por ejemplo: Inicio, Comidas, Desayunos, etc. Nota: En este sitio web no se recomienda insertar artículos en las páginas debido a que cada artículo ya está publicado en su apartado correspondiente. El botón Imagen permite seleccionar una imagen contenida en el portal e insertarla en el contenido de la página, también permite subir una imagen al sitio web desde la computadora. Los botones Salto de página y Leer más se utilizan cuando el contenido es muy extenso (en este caso tampoco serán utilizados) Posteriormente se encuentran otros apartados: Publicando, Idioma y Metadatos. Para los apartados Publicando e Idioma se recomienda no editar su información, el apartado Metadatos se explica más adelante en esta guía. Nota Importante: No olvide guardar las modificaciones realizadas y si ya no va a realizar otras modificaciones, no olvide cerrar sesión, ya que de lo contrario el sistema pudiera dejar bloqueada la sesión y no podría tener acceso posteriormente. 12

15 Configuración SEO Tu página web está configurada para utilizar SEO (Search Engine Optimization) que es uno de los estándares más utilizados en internet y que básicamente consiste en utilizar palabras clave, estas palabras clave también se les conoce como meta palabras y meta descripciones y describen el contenido de tu sitio y son aprovechadas en los motores de búsqueda como Google, Bing, Yahoo, Ask, etc. Meta Descripción: Se debe de utilizar una descripción en cada uno de los apartados o secciones del sitio para que sea utilizada en los motores de búsqueda. Las meta descripciones deben de tener una longitud entre 25 y 160 caracteres ya que los rastreadores de los motores de búsqueda muestran los primeros 150 a 160 caracteres de la descripción en la página de resultados de búsqueda, por lo que si una descripción es demasiado larga, es posible que los usuarios que realicen la búsqueda no puedan ver todo el texto. Si una descripción es demasiado corta, los motores de búsqueda pueden agregar texto encontrado en otro lugar de la página. Considere que los motores de búsqueda pueden mostrar una descripción diferente de la que has creado si es que ellos consideran información que puede ser más relevante para la búsqueda de un usuario. Al editar cada uno de los apartados o secciones aparecerán las opciones para poder modificar la meta descripción Meta Palabras Clave: El estándar SEO recomienda que sean 20 palabras aproximadamente. Al editar cada uno de los apartados o secciones aparecerán las opciones para poder modificar las palabras clave. 13

16 Alta del sitio en los motores de búsqueda Google A continuación se muestra la fecha de alta en el buscador de Google del sitio cabe mencionar que se generó el mapa del sitio y se envió a Google para que se facilite la indexación en sus motores de búsqueda. De igual forma se le notificó a Google de la nueva orientación geográfica de búsqueda quedando establecida como México. Como se observa en la imagen anterior, se verificaron los errores de rastreo y el estado de envío del mapa del sitio (sitemaps) También se verifico la apariencia del sitio en dispositivos móviles, se observa en la figura siguiente que no se encontraron errores. 14

17 Yahoo - Bing El sitio se dio de alta también en el motor de búsqueda de Yahoo- Bing y se envió el mapa del sitio como se muestra a continuación. También se especificó el país para la segmentación geográfica: 15

18 Ejemplo de búsqueda en Google, yahoo bing: Conforme transcurra el tiempo y el portal del Restaurante Riavaza es más visitado por los clientes, el portal comenzará poco a poco a subir su posicionamiento. En la imagen se presenta un ejemplo de los resultados de las búsquedas del sitio riavaza.com. Se puede observar el funcionamiento de las meta descripciones y meta palabras clave. La siguiente captura es otro ejemplo pero ahora del buscador de Yahoo Bing 16

19 Debemos de considerar que la posición en los motores de búsqueda depende de los perfiles de los usuarios, esto quiere decir, las preferencias de búsqueda de cada uno de ellos y de la zona geográfica en donde se realiza la búsqueda. Google Analytics Google Analytics es una plataforma para generar informes de visitas y seguimiento de los visitantes de un determinado sitio Web, en esta plataforma podemos ver entre otras cosas el número de visitantes, fecha de visita y ubicación geográfica, así como estadísticas de interés que podrá ser utilizada para redirigir el contenido del sitio en un futuro. El sitio de riavaza.com fue registrado y dado de alta en el sistema de rastreo de sitios web de Google el día 11 de agosto del presente año, para ello se insertó código de seguimiento de google en las páginas que se requieren contabilizar. En el gráfico anterior se observa en el periodo del 11 al 16 de agosto como accedieron sitio 36 usuarios, los cuales en total visitaron 551 veces los apartados del sitio web. El número de sesiones es de 75, esto significa que de los 36 usuarios que la visitaron, algunos regresaron. 17

20 Se observa también que las vistas disminuyeron a partir del día 14 de agosto esto es debido a que se atravesó el fin de semana. Es importante observar que la duración media de la sesión, es decir el tiempo promedio que se quedan los usuarios viendo el sitio es de cerca de 25 minutos, este tiempo promedio va a ir variando conforme transcurran los días no es de sorprenderse que pudiera ser menor, ya que los usuarios tienen ya identificado el apartado que les interesa y no les tomará mucho tiempo el visitarlo. De igual manera se puede observar el flujo de usuarios, este nos indica el número de visitantes y las secciones a las que se han dirigido. Se observa también el país del cual están realizando visitas y las interacciones con otros apartados del sitio como por ejemplo menu-cic, servicios, sucursales y el más visitado que es el apartado de comidas. Considerando que éstas estadísticas solamente son de 6 días se observa que el flujo de usuarios aumentara considerablemente conforme pase el tiempo. 18

21 Visitas contabilizadas por el Servidor Web A continuación se presentan las estadísticas de las visitas al portal desde el Servidor Web de alojamiento. Estas visitas no presentan estadísticas detalladas como en el caso de Google Analytics, solamente se presenta el conteo de visitantes únicos por mes, es decir cualquier usuario, aplicación o robot de los motores de búsqueda serán contabilizados. Recordemos que el 15 de junio del presente año se contrató el nombre de dominio y el host para el hospedaje del sitio, a partir de ese día se comenzo con el diseño del portal. Mes de julio, comenzando el día 15: Mes de agosto, hasta el día 16: 19

22 Recomendaciones Recuerda que el tipo de búsqueda que realizan los motores es de tipo orgánico y no de pago. La búsqueda orgánica se refiere a los resultados de búsqueda que son arrojados por un determinado buscador de manera natural. Por lo anterior, no se desespere si es que no aparece el sitio web en los primeros lugares de la búsqueda, la búsqueda orgánica se dará de manera incremental con el paso del tiempo gracias a la configuración del SEO del sitio. Es muy importante que incorporen vínculos del sitio web en las redes sociales y en algunos blogs o páginas gratuitas, como por ejemplo en la página de Facebook del restaurante Riavaza. Otra forma de promover el sitio Web es mandar un correo a todos sus contactos invitándolos a visitar su sitio, esto ayuda a aumentar el tráfico del sitio de una manera orgánica o sea de forma natural. 20