Diferencias

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

--- necesidades_marketing [2010/11/11 13:43]
10.12.12.70
+++ necesidades_marketing [2017/03/27 17:44] (actual)
@@ Línea 1: / Línea 1: @@
-Índice
-. Generalidades
-. Posicionamiento técnico: resumen
-. Posicionamiento técnico: desglose
-.1. Validación XHTML y LANG idiomas
-.2. Metas SEM /SEO
-.3. Enlaces de cabecera generados como índice de contenidos (código)
-.4. Generación de fichero robots.txt. Imágenes recogidas por Google Image Search
-.5. Generación de URL amigables
-.6. Generación de mapas del sitio gestionables
-.7. Generación de menús de posicionamiento
-.8. Enlaces con atributo rel
-.8.1. Nofollow
-.8.2. Otros valores posibles del atributo rel
-.9. Código Analytics
-.10. Rastreo e-Commerce con Google Analytics
-.11. Análisis y comprobaciones
-.12. Seguimiento
 ====== 1. Generalidades ======
@@ Línea 146: / 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:
-.	Título
+  - Título
-.	Metas
+  - Metas
-.	Navegación auxiliar;
+  - Navegación auxiliar;
-.	Enlaces a estilos;
+  - Enlaces a estilos;
-.	Enlaces a JavaScripts;
+  - Enlaces a JavaScripts;
-.	JavaScript no intrusivo
+  - JavaScript no intrusivo
 La navegación auxiliar básica podría constar de los siguientes elementos:
-.	start: indica la página de inicio del sitio
+  - start: indica la página de inicio del sitio
-.	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;
-.	copyright: datos de autoría de Merkatu o del cliente;
+  - copyright: datos de autoría de Merkatu o del cliente;
-.	author: ídem de Merkatu;
+  - author: ídem de Merkatu;
-.	help: página de ayuda, habitualmente la de contacto;
+  - help: página de ayuda, habitualmente la de contacto;
-.	alternate: un enlace por cada idioma alternativo del sitio;
+  - alternate: un enlace por cada idioma alternativo del sitio;
-.	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:
   <head>
-  		<title>Título de la página</title>
+	<title>Título de la página</title>
-  		<!-- Metas -->
+	<!-- Metas -->
-  		  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+	  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
-  			<meta name="language" content="es-ES" />
+		<meta name="language" content="es-ES" />
-  		<!-- Enlaces de navegación auxiliar -->
+	<!-- Enlaces de navegación auxiliar -->
-  		<link rel="start" href="/index.html" title="Título del sitio" />
+	<link rel="start" href="/index.html" title="Título del sitio" />
-  		<link rel="contents" href="/Nombre_Empresa.html" hreflang="es" type="text/html" charset="iso-8859-1" dir="ltr" media="all" title="Resumen del sitio de Nombre_Empresa en dominio-empresa.com" />
+	<link rel="contents" href="/Nombre_Empresa.html" hreflang="es" type="text/html" charset="iso-8859-1" dir="ltr" media="all" title="Resumen del sitio de Nombre_Empresa en dominio-empresa.com" />
-  		<link rel="copyright" href="http://www.merkatu.com" title="Merkatu Interactiva S.L. &copy; - www.merkatu.com - info@merkatu.com - Tel.: +34 945 267 772" />
+	<link rel="copyright" href="http://www.merkatu.com" title="Merkatu Interactiva S.L. &copy; - www.merkatu.com - info@merkatu.com - Tel.: +34 945 267 772" />
-  		<link rel="author" href="http://www.merkatu.com" title="Merkatu Interactiva S.L. &copy; - www.merkatu.com - info@merkatu.com - Tel.: +34 945 267 772" />
+	<link rel="author" href="http://www.merkatu.com" title="Merkatu Interactiva S.L. &copy; - www.merkatu.com - info@merkatu.com - Tel.: +34 945 267 772" />
-  		<link rel="help" href="/contacto.php" />
+	<link rel="help" href="/contacto.php" />
-  		<link href="?idioma=eu-ES" rel="alternate" title="Euskara" hreflang="eu" lang="eu" xml:lang="eu" />
+	<link href="?idioma=eu-ES" rel="alternate" title="Euskara" hreflang="eu" lang="eu" xml:lang="eu" />
-  		<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/ Nombre_Empresa.ico" />
+	<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/ Nombre_Empresa.ico" />
-  		<!-- Enlaces a estilos -->
+	<!-- Enlaces a estilos -->
-  		<link href="templates/css/template_es-ES.css" rel="stylesheet" type="text/css" />
+	<link href="templates/css/template_es-ES.css" rel="stylesheet" type="text/css" />
-  		<!-- Enlaces a JavaScripts -->
+	<!-- Enlaces a JavaScripts -->
-  		<script type="text/javascript" src="templates/js/swfobject.js"></script>
+	<script type="text/javascript" src="templates/js/swfobject.js"></script>
-  		<!-- JavaScript no intrusivo -->
+	<!-- JavaScript no intrusivo -->
-  		<script type="text/javascript"><!--//--><![CDATA[//><!—-
+	<script type="text/javascript"><!--//--><![CDATA[//><!—-
-  		function misFunciones{
+	function misFunciones{
-  			alert("Página cargada");
+		alert("Página cargada");
-  		}
+	}
-  		if (window.addEventListener)
+	if (window.addEventListener)
-  				window.addEventListener("load",misFunciones,false);
+			window.addEventListener("load",misFunciones,false);
-  			else if (window.attachEvent)
+		else if (window.attachEvent)
-  				window.attachEvent("onload",misFunciones);
+			window.attachEvent("onload",misFunciones);
-  			else
+		else
-  				window.onload=misFunciones;
+			window.onload=misFunciones;
-  		//--><!]]></script>
+	//--><!]]></script>
   </head>
@@ Línea 323: / Línea 286: @@
 Valor	Descripción
-## Etiquetas con hipervínculo (link, a, area...)
+  ## Etiquetas con hipervínculo (link, a, area...)
-# Estructural
+  # Estructural
-alternate 	Una versión alternativa del documento (p. ej. página para imprimir, traducida o espejo).
+  alternate 	Una versión alternativa del documento (p. ej. página para imprimir, traducida o espejo).
-author	Información sobre el autor del sitio.
+  author	Información sobre el autor del sitio.
-copyright 	Documento con información sobre los derechos de copia.
+  copyright 	Documento con información sobre los derechos de copia.
-icon	Enlace al icono representativo del sitio. Si no se pone, buscará 'favicon.ico' en la raíz del sitio. En IE, hay que poner delante 'shortcut ' para indicar enlace a un icono distinto de 'favicon.ico'.
+  icon	Enlace al icono representativo del sitio. Si no se pone, buscará 'favicon.ico' en la raíz del sitio. En IE, hay que poner delante 'shortcut ' para indicar enlace a un icono distinto de 'favicon.ico'.
-license	Enlace al contrato donde se recogen los derechos que existen sobre el documento actual.
+  license	Enlace al contrato donde se recogen los derechos que existen sobre el documento actual.
-nofollow	Indica a los motores de búsqueda "No seguir este enlace concreto" (Si está en un meta, "No seguir los enlaces de esta página").
+  nofollow	Indica a los motores de búsqueda "No seguir este enlace concreto" (Si está en un meta, "No seguir los enlaces de esta página").
-schema.DC	Esquema de datos Dublin Core.
+  schema.DC	Esquema de datos Dublin Core.
-schema.geo	Esquema de datos para geoposicionamiento.
+  schema.geo	Esquema de datos para geoposicionamiento.
-stylesheet 	Hoja de estilos externa para este documento.
+  stylesheet 	Hoja de estilos externa para este documento.
-# Auxiliar de navegación (directamente en código)
+  # Auxiliar de navegación (directamente en código)
-appendix 	Un apéndice al documento.
+  appendix 	Un apéndice al documento.
-bookmark 	Enlace a documento relacionado.
+  bookmark 	Enlace a documento relacionado.
-chapter 	Un capítulo del documento.
+  chapter 	Un capítulo del documento.
-contents 	Índice (secuencial) de los documentos.
+  contents 	Índice (secuencial) de los documentos.
-glossary 	Glosario (definición) de palabras usadas en el documento.
+  glossary 	Glosario (definición) de palabras usadas en el documento.
-help 	Documento de ayuda.
+  help 	Documento de ayuda.
-index 	Índice alfabético de los documentos.
+  index 	Índice alfabético de los documentos.
-last	Último documento de una serie.
+  last	Último documento de una serie.
-next 	Siguiente documento de una serie.
+  next 	Siguiente documento de una serie.
-prev 	Anterior documento de una serie.
+  prev 	Anterior documento de una serie.
-search	Buscador para el conjunto de documentos.
+  search	Buscador para el conjunto de documentos.
-section 	Una sección del documento.
+  section 	Una sección del documento.
-sidebar	Enlace a un documento que se pretende mostrar en la barra lateral del navegador.
+  sidebar	Enlace a un documento que se pretende mostrar en la barra lateral del navegador.
-start 	Primer documento de una serie.
+  start 	Primer documento de una serie.
-subsection 	Una subsección del documento.
+  subsection 	Una subsección del documento.
-tag	Etiqueta referida al documento.
+  tag	Etiqueta referida al documento.
-## XFN (funcionalidades extra)
+  ## XFN (funcionalidades extra)
-# Amistad (poner al menos uno)
+  # Amistad (poner al menos uno)
-contact	Contacto. Alguien al que sabes cómo contactar. A menudo simétrico.
+  contact	Contacto. Alguien al que sabes cómo contactar. A menudo simétrico.
-acquaintance	Conocido/a. Alguien con quien has intercambiado saludos, si acaso, y no mucho más. Quizás una conversación corta o dos. A menudo simétrico.
+  acquaintance	Conocido/a. Alguien con quien has intercambiado saludos, si acaso, y no mucho más. Quizás una conversación corta o dos. A menudo simétrico.
-friend	Amigo/a. Alguien con quien tienes relación de amistad. Un compatriota, camarada o amiguete que conoces. A menudo simétrico.
+  friend	Amigo/a. Alguien con quien tienes relación de amistad. Un compatriota, camarada o amiguete que conoces. A menudo simétrico.
-# En vivo
+  # En vivo
-met	Alguien que realmente has conocido en persona. Simétrico.
+  met	Alguien que realmente has conocido en persona. Simétrico.
-# Profesional
+  # Profesional
-co-worker	Compañero/a de trabajo o que trabaja en la misma empresa. Simétrico. Normalmente transitivo.
+  co-worker	Compañero/a de trabajo o que trabaja en la misma empresa. Simétrico. Normalmente transitivo.
-colleague	Colega. Alguien en el mismo campo de actividad o estudio. Simétrico. A menudo transitivo.
+  colleague	Colega. Alguien en el mismo campo de actividad o estudio. Simétrico. A menudo transitivo.
-# Geográfico (poner al menos uno)
+  # Geográfico (poner al menos uno)
-co-resident	Paisano. Alguien con quien compartes la dirección de calle. Simétrico y transitivo.
+  co-resident	Paisano. Alguien con quien compartes la dirección de calle. Simétrico y transitivo.
-neighbor	Vecino. Alguien que vive cerca, quizás en una calle o portal próximos. Simétrico. A menudo transitivo.
+  neighbor	Vecino. Alguien que vive cerca, quizás en una calle o portal próximos. Simétrico. A menudo transitivo.
-# Familia (poner al menos uno)
+  # Familia (poner al menos uno)
-child	Hijo/a. Progenitor/a, o alguien que ha adoptado a esa persona. Inverso de parent.
+  child	Hijo/a. Progenitor/a, o alguien que ha adoptado a esa persona. Inverso de parent.
-parent	Padre/madre. Inverso de child.
+  parent	Padre/madre. Inverso de child.
-sibling	Hermano/a. Alguien con quien una persona comparte padre o madre. Simétrico. Normalmente transitivo.
+  sibling	Hermano/a. Alguien con quien una persona comparte padre o madre. Simétrico. Normalmente transitivo.
-spouse	Cónyuge. Alguien con quien está casado/a. Simétrico. No transitivo.
+  spouse	Cónyuge. Alguien con quien está casado/a. Simétrico. No transitivo.
-kin	Pariente. Alguien considerado parte de vuestra familia extendida. Simétrico y habitualmente transitivo.
+  kin	Pariente. Alguien considerado parte de vuestra familia extendida. Simétrico y habitualmente transitivo.
-# Romántico
+  # Romántico
-muse	Musa. Alguien que te inspira. Sin inverso.
+  muse	Musa. Alguien que te inspira. Sin inverso.
-crush	Afecto. Alguien de quién estás apasionado/a, has tenido un flechazo o sientes admiración. Sin inverso.
+  crush	Afecto. Alguien de quién estás apasionado/a, has tenido un flechazo o sientes admiración. Sin inverso.
-date	Cita. Alguien con quién estás viéndote. Simétrico. No transitivo.
+  date	Cita. Alguien con quién estás viéndote. 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.
+  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 =====
@@ Línea 425: / Línea 388: @@
 http://code.google.com/intl/es-ES/apis/analytics/docs/tracking/gaTrackingEcommerce.html
-.10. Análisis y comprobaciones
+===== 3.11. Análisis y comprobaciones =====
 Una vez aplicados todos estos métodos de mejora de posicionamiento, será necesario validar, mediante el uso de las herramientas adecuadas, que cumplen con unos mínimos preestablecidos en cada proyecto.
@@ Línea 442: / Línea 405: @@
   * 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-vitoria/pan-betti/
-.11. Seguimiento
+==== 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 =====
 Finalmente, y una vez lanzado el sitio, deberemos realizar el seguimiento del comportamiento del sitio y de la efectividad real de las medidas que hayamos adoptado.