Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anterior Revisión previa
Próxima revisión
Revisión previa
necesidades_marketing [2010/11/11 13:47]
10.12.12.70
necesidades_marketing [2017/03/27 17:44] (actual)
Línea 109: Línea 109:
 Como esto puede provocar que el encabezado se nos sature de datos y enlaces, que podrían ralentizar la carga de las páginas, también deberemos tener en cuenta el orden en que se dispondrán los distintos componentes del encabezamiento:​ Como esto puede provocar que el encabezado se nos sature de datos y enlaces, que podrían ralentizar la carga de las páginas, también deberemos tener en cuenta el orden en que se dispondrán los distintos componentes del encabezamiento:​
  
-1. Título +  - Título 
-2. Metas +  ​- ​Metas 
-3. Navegación auxiliar; +  ​- ​Navegación auxiliar; 
-4. Enlaces a estilos; +  ​- ​Enlaces a estilos; 
-5. Enlaces a JavaScripts;​ +  ​- ​Enlaces a JavaScripts;​ 
-6. JavaScript no intrusivo+  ​- ​JavaScript no intrusivo
  
 La navegación auxiliar básica podría constar de los siguientes elementos: La navegación auxiliar básica podría constar de los siguientes elementos:
-1. start: indica la página de inicio del sitio +  - start: indica la página de inicio del sitio 
-2. contents: una página de resumen del sitio, o páginas específicas de posicionamiento;​ +  ​- ​contents: una página de resumen del sitio, o páginas específicas de posicionamiento;​ 
-3. copyright: datos de autoría de Merkatu o del cliente; +  ​- ​copyright: datos de autoría de Merkatu o del cliente; 
-4. author: ídem de Merkatu; +  ​- ​author: ídem de Merkatu; 
-5. help: página de ayuda, habitualmente la de contacto; +  ​- ​help: página de ayuda, habitualmente la de contacto; 
-6. alternate: un enlace por cada idioma alternativo del sitio; +  ​- ​alternate: un enlace por cada idioma alternativo del sitio; 
-7. shortcut icon: enlace al icono de la empresa. Por posicionamiento,​ deberíamos llamarlo con el mismo nombre de la empresa, pero manteniendo un duplicado llamado favicon.ico en la raíz del sitio para los navegadores y robots de búsqueda que no acepten esta instrucción.+  ​- ​shortcut icon: enlace al icono de la empresa. Por posicionamiento,​ deberíamos llamarlo con el mismo nombre de la empresa, pero manteniendo un duplicado llamado favicon.ico en la raíz del sitio para los navegadores y robots de búsqueda que no acepten esta instrucción.
  
 Se ve mejor con un ejemplo: Se ve mejor con un ejemplo:
Línea 339: Línea 339:
   sweetheart Novio/​a. Alguien de quien eres íntimo y al menos un poco implicado, habitualmente en exclusiva. Simétrico. No transitivo.   sweetheart Novio/​a. Alguien de quien eres íntimo y al menos un poco implicado, habitualmente en exclusiva. Simétrico. No transitivo.
   # Identidad   # Identidad
-me Yo. Un vínculo a ti mismo en una URL diferente. Exclusivo ante todo otro valor XFN. Simetría requerida. Hay un "​yo"​ implícito en la relación de los contenidos de un directorio al directorio mismo.+  ​me Yo. Un vínculo a ti mismo en una URL diferente. Exclusivo ante todo otro valor XFN. Simetría requerida. Hay un "​yo"​ implícito en la relación de los contenidos de un directorio al directorio mismo.
  
 ===== 3.9. Código Google Analytics ===== ===== 3.9. Código Google Analytics =====
Línea 405: Línea 405:
   * a través del PageSpeed 85/100   * a través del PageSpeed 85/100
  
-Se puede ver un ejemplo de su funcionamiento ​en los .htaccess de:+Se puede ver un ejemplo de la aplicación de sus recomendaciones para servidor ​en los .htaccess de:
 http://​srv-web/​gaytanshop/​ http://​srv-web/​gaytanshop/​
 http://​srv-vitoria/​pan-betti/​ http://​srv-vitoria/​pan-betti/​
 +
 +==== 3.11.1. Instalación ====
 +
 +Tanto YSlow como Page Speed son extensiones de Firefox que realizan labores similares, pero cada uno aplicando criterios de manera ligeramente distinta.
 +
 +Para instalar YSlow:
 +  * En Firefox, ir al menú Herramientas -> Complementos;​
 +  * Pulsar en '​Obtener complementos'​ y buscar '​YSlow';​
 +  * Seleccionar el componente y '​Añadir a Firefox';​
 +  * Si no apareciera en los resultados, pulsar en 'Ver todos los resultados'​ y '​Añadir a Firefox'​.
 +
 +
 +Para instalar PageSpeed:
 +  * Acceder a: http://​code.google.com/​intl/​es/​speed/​page-speed/​download.html;​
 +  * Pulsar en '​Instalar'​.
 +
 +==== 3.11.2. Funcionamiento ====
 +
 +Ambas utilidades proporcionan una valoración conjunta de la aptitud de cada página individual para ser mostrada en los navegadores.
 +Influyen tanto configuraciones de servidor, cookies, JS, CSS, como contenidos, estructuración de la página, elementos de diseño, etc., con lo que se cubre la mayor parte de los aspectos que influyen en el correcto rendimiento de las páginas.
 +
 +Cada uno de estos aspectos individuales recibe su propia valoración,​ pero su efecto sobre la puntuación global está ponderada, de modo que algunos tienen más importancia que otros. ​
 +Aquellos que necesitan correcciones aparecen con color rojo o naranja en PageSpeed, y verde si no las necesitan.
 +En YSlow vienen clasificados de A a F, siendo F la peor nota.
 +
 +Pulsando sobre cada uno de los apartados podemos ver una pequeña descripción del aspecto valorado y un listado de los archivos o elementos afectados.
 +
 +Cada herramienta dispone también de su propia ayuda en Internet donde se explican todas sus posibilidades y limitaciones.
 +
 +Por otra parte, no hay que olvidar que las herramientas de desarrollo de IExplorer y Safari también nos pueden proporcionar ayuda a la hora de evaluar el funcionamiento de nuestro sitio en dichos navegadores.
  
 ===== 3.12. Seguimiento ===== ===== 3.12. Seguimiento =====