Prestashop Training para optimizar tu tienda online. En esta esta presentación aprenderemos a optimizar la jerarquía de Hn de los diversos modelos de página. A crear un nuevo campo de descripción en la ficha de categoría y mucho más.
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Efraim Martinez
A brief introduction to HTML5 at UTAD, june 2013. For all audiences, from business to technical, from customer focused to backoffice.
Una breve introducción a HTML5 en UTAD, junio 2013. Para todos los públicos: técnicos y enfocados a negocio, funciones internas y de relación con el cliente.
Es Perú un buen país para ser SEO - ChuisoData Trust
El documento describe si Perú es un buen país para ser SEO. Explica que Perú tiene un mercado SEO en desarrollo con 32 millones de habitantes y acceso a Internet en el 75% de los hogares. Aunque la competencia SEO es menor que en España, las estrategias deben enfocarse en keywords de baja competencia, dominios caros con terminaciones .pe, y enfoques regionales de link building y tráfico. Con enfoque en conversiones, crecimiento y estrategias blancas, negras y grises, es posible tener éxito como SE
Todo sobre link building en el primer evento del CLINICSEO del 2020 ¿Son realmente los enlaces un factor de clasificación? ¿Cómo debemos trabajar una estrategia de linkbuilding en 2020 de forma adecuada para tener éxito y no tener sorpresas?
Desde la llegada de Google Penguin en el 2012, Google le declaró la guerra a la construcción de enlaces o link Building (como la mayoría lo conoce) porque la mayoría de estrategias estaba destinada a manipular la autoridad. Cuando hablamos de linkbuilding este tema siempre está rodeado de polémica y controversia.
Tres ponentes para poner sus puntos de vista: Un broker de links profesional, una plataforma de venta de contenidos y enlaces y un emprendedor que tiene al blackhat como uno de sus hobbies favoritos.
Este documento ofrece consejos sobre SEO para Prestashop. Cubre temas como meta etiquetas, estructura de sitio, contenido duplicado, velocidad de carga, blog, y potenciar el contenido. Recomienda optimizar títulos, descripciones y estructura de categorías. Advierte sobre errores comunes como exceso de longitud o no rellenar meta etiquetas. Además, aconseja evitar contenido duplicado y mejorar la velocidad de carga para mejorar el posicionamiento.
El documento resume las principales novedades de HTML5, incluyendo: 1) El nuevo doctype simplificado, 2) Nuevos elementos estructurales como <header>, <nav>, <article>, etc., 3) Etiquetas para contenido como <audio>, <video>, <canvas>, 4) APIs para almacenamiento local, web workers, aplicaciones offline, geolocalización y nuevas APIs de interfaz de usuario.
Nuevas etiquetas HTML5 estructurales por Joaquin Lara Sierra se encuentra bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 2.5 Colombia.Basada en una obra en http://www.ibm.com/developerworks/ssa/web/library/wa-html5structuraltags/.
Este documento resume la historia del lenguaje de marcado HTML y describe las nuevas características y etiquetas introducidas en HTML5. Explica brevemente el origen de HTML, su evolución a través de las diferentes versiones, y las mejoras semánticas, multimedia y de seguridad que aporta HTML5. Finalmente, enumera las seis categorías de nuevas etiquetas incluidas en HTML5 para mejorar la web semántica, internacionalización, gestión de datos, seguridad, interfaz y contenido multimedia.
Este documento presenta una introducción a Drupal 8. Explica brevemente qué es Drupal, sus características principales y las mejoras introducidas en Drupal 8 como una interfaz más amigable para móviles y la multilingüidad integrada. Además, incluye estadísticas sobre el uso de Drupal y su situación frente a otros CMS. Por último, detalla los capítulos que componen la introducción como instalación, configuración, módulos contribuidos y gestión de idiomas.
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Efraim Martinez
A brief introduction to HTML5 at UTAD, june 2013. For all audiences, from business to technical, from customer focused to backoffice.
Una breve introducción a HTML5 en UTAD, junio 2013. Para todos los públicos: técnicos y enfocados a negocio, funciones internas y de relación con el cliente.
Es Perú un buen país para ser SEO - ChuisoData Trust
El documento describe si Perú es un buen país para ser SEO. Explica que Perú tiene un mercado SEO en desarrollo con 32 millones de habitantes y acceso a Internet en el 75% de los hogares. Aunque la competencia SEO es menor que en España, las estrategias deben enfocarse en keywords de baja competencia, dominios caros con terminaciones .pe, y enfoques regionales de link building y tráfico. Con enfoque en conversiones, crecimiento y estrategias blancas, negras y grises, es posible tener éxito como SE
Todo sobre link building en el primer evento del CLINICSEO del 2020 ¿Son realmente los enlaces un factor de clasificación? ¿Cómo debemos trabajar una estrategia de linkbuilding en 2020 de forma adecuada para tener éxito y no tener sorpresas?
Desde la llegada de Google Penguin en el 2012, Google le declaró la guerra a la construcción de enlaces o link Building (como la mayoría lo conoce) porque la mayoría de estrategias estaba destinada a manipular la autoridad. Cuando hablamos de linkbuilding este tema siempre está rodeado de polémica y controversia.
Tres ponentes para poner sus puntos de vista: Un broker de links profesional, una plataforma de venta de contenidos y enlaces y un emprendedor que tiene al blackhat como uno de sus hobbies favoritos.
Este documento ofrece consejos sobre SEO para Prestashop. Cubre temas como meta etiquetas, estructura de sitio, contenido duplicado, velocidad de carga, blog, y potenciar el contenido. Recomienda optimizar títulos, descripciones y estructura de categorías. Advierte sobre errores comunes como exceso de longitud o no rellenar meta etiquetas. Además, aconseja evitar contenido duplicado y mejorar la velocidad de carga para mejorar el posicionamiento.
El documento resume las principales novedades de HTML5, incluyendo: 1) El nuevo doctype simplificado, 2) Nuevos elementos estructurales como <header>, <nav>, <article>, etc., 3) Etiquetas para contenido como <audio>, <video>, <canvas>, 4) APIs para almacenamiento local, web workers, aplicaciones offline, geolocalización y nuevas APIs de interfaz de usuario.
Nuevas etiquetas HTML5 estructurales por Joaquin Lara Sierra se encuentra bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 2.5 Colombia.Basada en una obra en http://www.ibm.com/developerworks/ssa/web/library/wa-html5structuraltags/.
Este documento resume la historia del lenguaje de marcado HTML y describe las nuevas características y etiquetas introducidas en HTML5. Explica brevemente el origen de HTML, su evolución a través de las diferentes versiones, y las mejoras semánticas, multimedia y de seguridad que aporta HTML5. Finalmente, enumera las seis categorías de nuevas etiquetas incluidas en HTML5 para mejorar la web semántica, internacionalización, gestión de datos, seguridad, interfaz y contenido multimedia.
Este documento presenta una introducción a Drupal 8. Explica brevemente qué es Drupal, sus características principales y las mejoras introducidas en Drupal 8 como una interfaz más amigable para móviles y la multilingüidad integrada. Además, incluye estadísticas sobre el uso de Drupal y su situación frente a otros CMS. Por último, detalla los capítulos que componen la introducción como instalación, configuración, módulos contribuidos y gestión de idiomas.
Este documento presenta una introducción al SEO para Prestashop. Explica conceptos clave como la indexabilidad, relevancia y popularidad y cómo trabajar en estas áreas. También cubre temas como keyword research, plantillas para Prestashop, puntos a analizar en una plantilla, HTML, CSS, PHP, herramientas útiles y programación básica en Prestashop como temas, módulos y traducciones.
Formación sobre WordPress para mejorar tu web en seguridad, rendimiento, conversión y personalización. Explicado paso a paso para que pierdas el miedo a la programación.
Seminario Online impartido por Antoniio López de http://www.elblogdelseo.com, en la plataforma Semrush, sobre la creación de una Red de Blog para posicionar nuestros proyectos web y no se penalizado.
Este documento presenta una estrategia de migración de un sitio web existente a Alfresco WCM. La estrategia consta de 4 etapas: 1) inventario y clasificación de activos, 2) descomposición de contenidos, 3) importación masiva de contenido, y 4) despliegue de la plataforma y control de calidad. El objetivo es migrar un sitio web basado en Java que incluye páginas dinámicas, estáticas, imágenes, PDF y más, a Alfresco WCM mientras se aplica un nuevo
Presentación realizada en el Jooml Day Spain 2013 realizada en la ciudad de Albacete. Presenta una hoja de ruta sobre cómo afrontar la migración de un portal realizado con Joomla.
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareJonathan Estrella
Este documento discute los desafíos de tener éxito con un negocio en línea y cómo seleccionar una plataforma de comercio electrónico. Explica que para tener éxito se necesita un modelo de negocio bien diseñado, un producto valioso, un líder carismático y un equipo talentoso. También analiza opciones como PrestaShop, Magento y WooCommerce, y cubre temas como pagos, logística, SEO y más. Proporciona consejos para elegir la mejor plataforma para cada neg
Este documento presenta una introducción a Gutenberg, el nuevo editor de contenido de WordPress. Explica las ventajas de Gutenberg sobre el editor anterior y proporciona una demostración de los bloques y funciones disponibles actualmente. También discute el futuro desarrollo de Gutenberg, incluida la conversión de widgets a bloques y la integración del personalizador con el editor.
Presentación de la clase que di el Viernes 12 de Junio en CAMON Cigarreras de Alicante sobre la optimización de #wordpress.
Muchas gracias a todos los asistentes.
Cómo Hacer una Auditoría de SEO on Page Increíblesemrush_webinars
La auditoría de SEO evalúa la accesibilidad, las palabras clave, y los enlaces de un sitio web. Analiza puntos como la indexación de páginas, URLs, títulos y descripciones, así como el anclaje de texto y autoridad de dominio. El objetivo es determinar las fortalezas y áreas de mejora del posicionamiento orgánico del sitio.
Taller 100% práctico realizado para el Congreso SEO Profesional 2013, donde se explica cómo realizar un proyecto SEO para pequeñas empresas (PYMES) y nuevos proyectos, donde es necesario ajustar costes.
1. Viabilidad de un proyecto SEO para Pymes.
2. Estudio de competencia.
3. Inicio del proyecto SEO: dominio y hosting, herramientas Google.
4. Fases del proyecto SEO.
5. Plataforma tecnológica.
6. Estudio de palabras clave.
7. Arquitectura Web.
8. Optimización onSite.
9. Indexación.
10. Generación de contenido low cost.
11. Linkbuilding.
12. Orientación geográfica.
13. Informes de seguimiento.
14. Precio y tiempo.
15. Curiosidades.
Taller incluído dentro de los talleres prácticos del Congreso SEO Profesional 2013 #seopro. Realizado por Sergio Simarro Villalba durante 4 horas, el 5 de julio de 2013 en Madrid, con una asistencia de 15 alumnos.
Este documento proporciona consejos sobre optimización para motores de búsqueda (SEO) en Prestashop, incluyendo configurar URLs amigables, redirecciones, sitemaps, robots.txt, microdatos, contenido, velocidad del sitio y buscador interno. Se enfoca en categorías, fichas de producto, parámetros, idiomas y más para mejorar el posicionamiento.
SEO y Analítica web con Wordpress (Meetup Wordpress Tarragona)Oscar Rodriguez
Wordpress es el CMS más utilizado a nivel mundial, por eso es necesario tener claro cómo poderlo trabajar de forma correcta para que los buscadores accedan y entiendan el contenido para poder posicionarlo en las primeras posiciones de los buscadores.
Este documento proporciona información sobre un examen de certificación de Microsoft para la administración de Office 365 para pequeñas empresas. Cubre temas como SharePoint Online, Lync Online y los requisitos de conocimiento recomendados. El contenido del webcast incluye detalles sobre las características y planes de SharePoint Online y Lync Online, así como consideraciones sobre la implementación y administración.
Creación De Una Red De Blogs No PenalizadosSemrush
El documento habla sobre la creación de una red de blogs para propósitos de SEO. Explica la estructura de una red de blogs, el contenido que debe incluir cada blog, y las técnicas como el alojamiento, enlaces internos, uso de redes sociales y más que deben implementarse para que la red de blogs funcione de manera efectiva para mejorar el posicionamiento.
¿Son todas las estrategias WPO de WordPress aplicables a un proyecto con WooCommerce? ¿Existen otras? Repasa conmigo todas las estrategias WPO que puedes utilizar en tus proyectos de comercio electrónico con plataformas WordPress + WooCommerce y algunas trucos específicos de mejora para dicha plataforma. WordCamp Pontevedra 2018. #PonteWordCamp
Desarrollo web el mejor aliado del Marketing DigitalMarta Soler
El documento discute las consideraciones al elegir una plataforma de gestión de contenidos para proyectos digitales. Recomienda considerar si usar una solución de código abierto o privada dependiendo de los requisitos, e integrar soluciones existentes en lugar de desarrollar todo desde cero. También enfatiza la importancia de contratar un desarrollador experto que pueda mantener el sitio a largo plazo y cumplir con los estándares de rendimiento, accesibilidad y seguridad.
Este documento presenta una introducción al SEO para Prestashop. Explica conceptos clave como la indexabilidad, relevancia y popularidad y cómo trabajar en estas áreas. También cubre temas como keyword research, plantillas para Prestashop, puntos a analizar en una plantilla, HTML, CSS, PHP, herramientas útiles y programación básica en Prestashop como temas, módulos y traducciones.
Formación sobre WordPress para mejorar tu web en seguridad, rendimiento, conversión y personalización. Explicado paso a paso para que pierdas el miedo a la programación.
Seminario Online impartido por Antoniio López de http://www.elblogdelseo.com, en la plataforma Semrush, sobre la creación de una Red de Blog para posicionar nuestros proyectos web y no se penalizado.
Este documento presenta una estrategia de migración de un sitio web existente a Alfresco WCM. La estrategia consta de 4 etapas: 1) inventario y clasificación de activos, 2) descomposición de contenidos, 3) importación masiva de contenido, y 4) despliegue de la plataforma y control de calidad. El objetivo es migrar un sitio web basado en Java que incluye páginas dinámicas, estáticas, imágenes, PDF y más, a Alfresco WCM mientras se aplica un nuevo
Presentación realizada en el Jooml Day Spain 2013 realizada en la ciudad de Albacete. Presenta una hoja de ruta sobre cómo afrontar la migración de un portal realizado con Joomla.
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareJonathan Estrella
Este documento discute los desafíos de tener éxito con un negocio en línea y cómo seleccionar una plataforma de comercio electrónico. Explica que para tener éxito se necesita un modelo de negocio bien diseñado, un producto valioso, un líder carismático y un equipo talentoso. También analiza opciones como PrestaShop, Magento y WooCommerce, y cubre temas como pagos, logística, SEO y más. Proporciona consejos para elegir la mejor plataforma para cada neg
Este documento presenta una introducción a Gutenberg, el nuevo editor de contenido de WordPress. Explica las ventajas de Gutenberg sobre el editor anterior y proporciona una demostración de los bloques y funciones disponibles actualmente. También discute el futuro desarrollo de Gutenberg, incluida la conversión de widgets a bloques y la integración del personalizador con el editor.
Presentación de la clase que di el Viernes 12 de Junio en CAMON Cigarreras de Alicante sobre la optimización de #wordpress.
Muchas gracias a todos los asistentes.
Cómo Hacer una Auditoría de SEO on Page Increíblesemrush_webinars
La auditoría de SEO evalúa la accesibilidad, las palabras clave, y los enlaces de un sitio web. Analiza puntos como la indexación de páginas, URLs, títulos y descripciones, así como el anclaje de texto y autoridad de dominio. El objetivo es determinar las fortalezas y áreas de mejora del posicionamiento orgánico del sitio.
Taller 100% práctico realizado para el Congreso SEO Profesional 2013, donde se explica cómo realizar un proyecto SEO para pequeñas empresas (PYMES) y nuevos proyectos, donde es necesario ajustar costes.
1. Viabilidad de un proyecto SEO para Pymes.
2. Estudio de competencia.
3. Inicio del proyecto SEO: dominio y hosting, herramientas Google.
4. Fases del proyecto SEO.
5. Plataforma tecnológica.
6. Estudio de palabras clave.
7. Arquitectura Web.
8. Optimización onSite.
9. Indexación.
10. Generación de contenido low cost.
11. Linkbuilding.
12. Orientación geográfica.
13. Informes de seguimiento.
14. Precio y tiempo.
15. Curiosidades.
Taller incluído dentro de los talleres prácticos del Congreso SEO Profesional 2013 #seopro. Realizado por Sergio Simarro Villalba durante 4 horas, el 5 de julio de 2013 en Madrid, con una asistencia de 15 alumnos.
Este documento proporciona consejos sobre optimización para motores de búsqueda (SEO) en Prestashop, incluyendo configurar URLs amigables, redirecciones, sitemaps, robots.txt, microdatos, contenido, velocidad del sitio y buscador interno. Se enfoca en categorías, fichas de producto, parámetros, idiomas y más para mejorar el posicionamiento.
SEO y Analítica web con Wordpress (Meetup Wordpress Tarragona)Oscar Rodriguez
Wordpress es el CMS más utilizado a nivel mundial, por eso es necesario tener claro cómo poderlo trabajar de forma correcta para que los buscadores accedan y entiendan el contenido para poder posicionarlo en las primeras posiciones de los buscadores.
Este documento proporciona información sobre un examen de certificación de Microsoft para la administración de Office 365 para pequeñas empresas. Cubre temas como SharePoint Online, Lync Online y los requisitos de conocimiento recomendados. El contenido del webcast incluye detalles sobre las características y planes de SharePoint Online y Lync Online, así como consideraciones sobre la implementación y administración.
Creación De Una Red De Blogs No PenalizadosSemrush
El documento habla sobre la creación de una red de blogs para propósitos de SEO. Explica la estructura de una red de blogs, el contenido que debe incluir cada blog, y las técnicas como el alojamiento, enlaces internos, uso de redes sociales y más que deben implementarse para que la red de blogs funcione de manera efectiva para mejorar el posicionamiento.
¿Son todas las estrategias WPO de WordPress aplicables a un proyecto con WooCommerce? ¿Existen otras? Repasa conmigo todas las estrategias WPO que puedes utilizar en tus proyectos de comercio electrónico con plataformas WordPress + WooCommerce y algunas trucos específicos de mejora para dicha plataforma. WordCamp Pontevedra 2018. #PonteWordCamp
Desarrollo web el mejor aliado del Marketing DigitalMarta Soler
El documento discute las consideraciones al elegir una plataforma de gestión de contenidos para proyectos digitales. Recomienda considerar si usar una solución de código abierto o privada dependiendo de los requisitos, e integrar soluciones existentes en lugar de desarrollar todo desde cero. También enfatiza la importancia de contratar un desarrollador experto que pueda mantener el sitio a largo plazo y cumplir con los estándares de rendimiento, accesibilidad y seguridad.
11. Objetivos
• Conocer los puntos a mejorar en un Ecommerce desarrollado en
Prestashop a nivel técnico y operativo.
12. Objetivos
• Conocer los puntos a mejorar en un Ecommerce desarrollado en
Prestashop a nivel técnico y operativo.
• Perder el miedo a los FTPS y la programación.
13. Objetivos
• Conocer los puntos a mejorar en un Ecommerce desarrollado en
Prestashop a nivel técnico y operativo.
• Perder el miedo a los FTPS y la programación.
• Pasar una tarde entretenida y que sea altamente productiva.
14. SEO
Conjunto de técnicas para aumentar la visibilidad de un sitio web
en buscadores para términos de búsqueda relacionados con su
actividad.
19. Indexabilidad
• Detectar y corregir problemas de accesibilidad para los buscadores.
• Mejorar la experiencia del robot en nuestro sitio web.
• Rendimiento
• Datos estructurados
• Orden de carga
• Limpieza de código
• Etc.
20. Relevancia
• Adaptar los contenidos a los términos de búsqueda de nuestros
clientes potenciales.
• Ofrecer copys que generen una mejor interacción con el usuario.
27. Ventajas y desventajas
• Los resultados perduran
• Aumenta la conversión
• Disminuye el coste publicitario
• Resultados a medio y largo plazo
• Sensible a cambios en el algoritmo de Google
30. Donde buscar
• Theme Forest (https://themeforest.net/category/ecommerce/prestashop)
• Prestashop (https://addons.prestashop.com/es/3-temas-prestashop)
31. Puntos a analizar
• Compatibilidad
• Nº de descargas
• Valoración
• Fecha última actualización
• Fecha de creación
• Comentarios
Fase 1
32. Puntos a analizar
• Revisión de la demo
• Revisión versión móvil
• Probar el proceso de compra
Fase 2
33. Puntos a analizar
• Mini Auditoría SEO
• Analizar las páginas principales (Inicio, categorías, producto)
Fase 3
34. Puntos a analizar
• Orden de carga: /Miscellaneous/Linearize Page
• Jerarquía Hn: /Information/View Document outline
• Validar HTML: /Tools/Validate HTML
Fase 3
40. URLs en Prestashop
• ¿Un solo idioma? Elimina la carpeta /es/
• Localización / Idiomas / Y deja únicamente “Español”.
41. URLs en Prestashop
• Estructura de URLS /Preferencias / SEO y URLS
• Por defecto IDs al principio
• Opciones:
• IDs al final
• Módulo para eliminar IDs (Pretty URLs)
42. Robots.txt para Prestashop
• Comprobar archivo: dominio.com/robots.txt
• Si no existe lo generamos: /Preferencias / SEO y URL
43. Robots.txt para Prestashop
• Comprobar que no bloqueamos los js y css:
• Allow: */modules/*.css
• Allow: */modules/*.js
45. Meta canonical
• Indica que versión del contenido duplicado es el que debe
indexarse.
• No viene por defecto en Prestashop
• Módulo: URLs Canónicas para Evitar Contenido Duplicado - SEO
• 29,99€
58. Normas básicas
• Únicamente trabajamos con los temas y los módulos. Nunca con el
núcleo de Prestashop.
• Siempre hacemos copia de seguridad.
59. Normas básicas
• Únicamente trabajamos con los temas y los módulos. Nunca con el
núcleo de Prestashop.
• Siempre hacemos copia de seguridad.
60. Smarty
• Prestashop está programado con el motor de plantillas Smarty.
• Separan el código (PHP) de la presentación (HTML)
• Encontraremos:
• Comentarios: {* comentarios *}
• Funciones:
• {if}{else}{if} {foreach}{/foreach}
61. Smarty
• Encontraremos:
• Traducciones: {l s=‘Back’}
• Valor de variables: {$confirmation} o {$product->name}
• Modificadores de variable: {$product->name|escape:'html':'UTF-8'}
62. Temas
• Los temas están en /themes/
• Tema por defecto: /themes/default-bootstrap
• Hay un archivo .tpl cada cada sección de la tienda
• Ficha de producto: product.tpl
• Ficha de categoría: category.tpl
• Primer paso del carrito: shopping-cart.tpl
63. Módulos
• Pueden estar en /modules/ o en /themes/tema/modules/
• Está formado por:
• Programación: .php
• Traducciones: /translations/
• Vistas: /views/ ……. Archivo.tpl
65. Traducciones en Prestashop
• Administración / Localización / Traducciones
• Tipo de traducción: Front Office | Módulos instalados
• Selecciona su tema: default-bootstrap
• Seleccione su idioma: Español
70. PHPstorm
• La madre de los entornos de programación
• Identifica variables
• FTP incorporado
• Control de versiones
• De pago
• https://www.jetbrains.com/phpstorm/
71. Filezilla
• Gestor de FTP rápido y sencillo
• Gratuito
• https://filezilla-project.org/
74. Jerarquía Hn en producto
• Ejecutamos en la ficha de producto web developer /
Information / View document information
75. Jerarquía Hn
• Vamos a cambiar:
• h5 por p (Titular de 5 nivel por párrafo)
• H4 por p
• H3 por H2 y vamos a añadir palabras clave
76. Jerarquía Hn
• Ver código fuente para identificar si la etiqueta h5 está en la ficha
de producto o en un módulo.
• Buscar “h5”
77. Jerarquía Hn en producto
• Descargar /modules/productpaymentlogos
• En la carpeta: /views/templates/hook/
• Hacer copia de seguridad de productpaymentlogos.tpl
• Abrir productpaymentlogos.tpl con Sublime Text o Brackets
• Localizar la etiqueta <h5> y modificar por <p> (apertura y cierre)
• Subir el archivo modificado
78. Jerarquía Hn en producto
• Administración / Parámetros avanzados / Rendimiento
• Caché de plantillas: Recompilar las plantillas cuando los archivos sean
modificados.
• Guardar
• Clic en vaciar el caché
80. Jerarquía Hn en producto
• Descargar /themes/default-bootstrap/product.tpl
• Hacer copia de seguridad: product-old.tpl
• Abrir product.tpl con Sublime Text o Brackets
81. Jerarquía Hn en producto
• Encontramos los h3 y los pasamos a h2
• Guardamos
• Subimos por FTP
• Actualizamos
83. Jerarquía Hn en producto
• Vemos que los h4 se corresponden con los titulares del pie de página
84. Jerarquía Hn en producto
• Vemos el código fuente del footer
85. Jerarquía Hn en producto
• Administración / Módulos y Servicios / Posiciones de los módulos
• Buscar un hook: footer
86. Jerarquía Hn en producto
• Administración / Módulos y Servicios / Posiciones de los módulos
• Buscar un hook: footer
87. Jerarquía Hn en producto
• Administración / Módulos y Servicios / Módulos y servicios
• Buscamos “bloque newsletter”
• Clic en “Configurar”
88. Jerarquía Hn en producto
• Obtenemos el nombre de la carpeta del módulo para todos los
módulos
• Nos apuntamos el nombre:
• Blocknewsletter, blocksocial, blockcategories, blockcms,
blockmyaccountfooter, blockcontactinfos
89. Jerarquía Hn en producto
• Obtenemos el nombre de la carpeta del módulo para todos los
módulos
• Nos apuntamos el nombre:
• Blocknewsletter, blocksocial, blockcategories, blockcms,
blockmyaccountfooter, blockcontactinfos
90. Jerarquía Hn en producto
• Lo primero es guardar el estilo que se está aplicando al h4
• Segundo botón del ratón sobre “Boletín” y Inspeccionar
91. Jerarquía Hn en producto
• Descargar /themes/default-bootstrap/modules/blocknewsletter/
• Hacer copia de seguridad: blocknewsletter.tpl
• Abrir blocknewsletter.tpl con Sublime Text o Brackets
• Buscar h4 y cambiar por p class=“rc-title”
92. Jerarquía Hn en producto
• Ahora añadimos el estilo a esa clase:
• Bajamos el archivo /themes/tema/css/global.css
• Lo abrimos y vamos a la línea 7254 y añadimos:
93. Jerarquía Hn en producto
• Ahora añadimos el estilo a esa clase:
• Bajamos el archivo /themes/tema/css/modules/blocknewsletter.css
• Lo abrimos y vamos a la línea 31 y añadimos:
95. Jerarquía Hn en producto
• Inspeccionamos la cabecera “Síganos”
• De los dos estilos que usa, uno ya lo hemos cambiado.
96. Jerarquía Hn en producto
• Descargar /themes/default-bootstrap/modules/blocksocial/
• Hacer copia de seguridad: blocksocial.tpl
• Abrir blocksocial.tpl con Sublime Text o Brackets
• Buscar h4 y cambiar por p class=“rc-title”
97. Jerarquía Hn en producto
• Ahora añadimos el estilo a esa clase:
• Bajamos el archivo /themes/tema/css/global.css
• Lo abrimos y vamos a la línea 7362 y añadimos:
99. Jerarquía Hn en producto
• Inspeccionamos la cabecera “Categorías”
• Vemos que comparte estilo con los que hemos cambiado.
100. Jerarquía Hn en producto
• Descargar /themes/default-bootstrap/modules/blockcategories/
• Hacer copia de seguridad: blockcategories_footer.tpl
• Abrir blockcategories_footer.tpl con Sublime Text o Brackets
• Buscar h4 y cambiar por p class=“rc-title”
102. Jerarquía Hn en producto
• Inspeccionamos la cabecera “Información”
• Vemos que comparte estilo con los que hemos cambiado.
103. Jerarquía Hn en producto
• Descargar /themes/default-bootstrap/modules/blockcms/
• Hacer copia de seguridad: blockcms.tpl
• Abrir blockcms.tpl con Sublime Text o Brackets
• Buscar h4 y cambiar por p class=“rc-title”
105. Jerarquía Hn en producto
• Inspeccionamos la cabecera “Mi cuenta”
• Vemos que comparte estilo con los que hemos cambiado.
106. Jerarquía Hn en producto
• Descargar /themes/default-bootstrap/modules/
blockmyaccountfooter/
• Hacer copia de seguridad: blockcms.tpl
• Abrir blockcms.tpl con Sublime Text o Brackets
• Buscar h4 y cambiar por p class=“rc-title”
107. Jerarquía Hn en producto
• Añadimos en global un estilo para que los enlaces dentro de rc-title
sean blancos:
• Bajamos el archivo /themes/tema/css/global.css
• Lo abrimos al final añadimos:
109. Jerarquía Hn en producto
• Inspeccionamos la cabecera “Información sobre la tienda”
• Vemos que comparte estilo con los que hemos cambiado.
110. Jerarquía Hn en producto
• Descargar /themes/default-bootstrap/modules/blockcontactinfos/
• Hacer copia de seguridad: blockcms.tpl
• Abrir blockcms.tpl con Sublime Text o Brackets
• Buscar h4 y cambiar por p class=“rc-title”
112. Jerarquía Hn en producto
Vamos a añadir keywords relevantes en los h2
Cambiamos el datasheet
• {l s='Data sheet’} por Composición de {$product->name}
Cambiamos el more info
• {l s=‘More info’} por Más información sobre {$product->name}
118. Categorías
• ¿Por qué es importante estas páginas?
• Contienen términos con un volumen alto de búsqueda (genéricas)
• Alto potencial de posicionamiento por en interlazado interno
• Perduran en el tiempo
120. Orden de carga
• Modificar archivos tpl y css según la plantilla para conservar el diseño
pero cargando la columna en segundo lugar.
• Elegir si visualmente lo queremos a la derecha o a la izquierda por
usabilidad.
121. Jerarquía Hn
• Quitar los Hn de los módulos del
sidebar
• Quitar hn del listado de producto
o pasar a h2
122. Doble descripción
• Descripción corta al principio con los keywords secundarios. Un par
de párrafos.
• Descripción larga al final de 700 a 2.000 palabras. Con imágenes y
con enlazado a otras categorías.
• Si el tema no incluye doble descripción lo debemos añadir nosotros
123. Doble descripción
• En el FTP acceder a /Override/classes/
• Si no existe el archivo “Category.php” lo creamos
• Añadimos el código siguiente:
124. Doble descripción
<?php
class Category extends CategoryCore {
//put your code here
public $extra_description;
public function __construct($id_category = null, $id_lang = null, $id_shop = null)
{
self::$definition['fields']['extra_description'] = array('type' =>
self::TYPE_HTML, 'lang' => true, 'validate' => 'isString');
parent::__construct($id_category, $id_lang, $id_shop);
}
}
125. Doble descripción
• Accedemos a phpmyadmin para añadir el campo en la bd donde se
guardará la nueva descripción.
• Buscamos la tabla ps_category_lang
• Añadimos una nueva Columna
• Nombre: extra_description
• Tipo: Text
• Guardamos y cerramos
126. Doble descripción
• Añadimos el campo en el área de administración:
• Vamos a /controllers/admin/AdminCategoriesController.php y
añadimos el código siguiente justo antes de la descripción grande.
array(
'type' => 'textarea',
'label' => $this->l('Extra Description:'),
'name' => 'extra_description',
'autoload_rte' => true,
'lang' => true,
'rows' => 10,
'cols' => 100,
'hint' => $this->l('Invalid characters:').' <>;=#{}'
),
128. Doble descripción
• Ahora mostramos el contenido en la categoría
• Vamos /themes/tema/category.tpl y copiamos el código siguiente
justo a continuación del final del h1.
{if $category->extra_description}
{$category->extra_description}
{/if}
134. Marcas
• Complicado posicionarse para como primera opción para el nombre
de la marca.
• Buscar una fórmula como: Comprar online [nombre de la marca] o
similar que tenga potencial de búsqueda.
135. Marcas
• Cambiar la fórmula del h1 por la fórmula escogida
• Suprimir la columna lateral en Preferencias / temas / ajustes
avanzados
• Añadir descripción de la marca.
156. ¿Dónde poner el blog?
• En el mismo dominio /blog/
• Dominio independiente
157. Blog en el mismo dominio
• Se posiciona mejor desde el principio
• Ayuda a posicionar la tienda online
• Dirigir las visitas a los productos
• Baja interacción de la comunidad
158. Blog en dominio independiente
• Más interacción de los usuarios
• Creación de comunidad independiente
• Nulo posicionamiento inicial
• Menos apoyo SEO a la tienda online
159. ¿Dónde poner el blog?
• En el mismo dominio /blog/
• Si el SEO es clave
• Dominio independiente
• Si la interacción es clave
161. Búsquedas anticipativas
Generar contenido posicionable para búsquedas del potencial
comprador en una fase muy temprana de decisión de compra. Aún no
sabe que nos quiere comprar.
162. Búsquedas anticipativas
Tienda online que vende material de acampada: tiendas de acampada,
sacos, etc.
Búsquedas anticipativas:
• 3 lugares para una escapada en la montaña
• Los mejores campings de Alicante
• Planes románticos para el fin de semana
163. Contenidos para confianza
• Asistencias a eventos: nos desvirtualizamos.
• Apariciones en otros medios: somos populares.
• Contenidos sobre los productos: fabricación, beneficios, etc.
164. Contenidos para ser líder
• Ser o al menos, parecer los que más sabemos
• ¿Qué dudas pueden tener nuestros clientes cuando compran nuestros
productos y como podemos resolverlas?
• Guías y tutoriales, modos de uso, outfits, etc.
165. Entrevistas
• Contenido complementario: aporta una visión y un vocabulario
diferente al habitual.
• Contenido generado por otros: más sencillo una vez tienes el
mecanismo engrasado.
• Estrategia win/win: nosotros conseguimos contenido fresco y el
entrevistado consigue más visibilidad online.
167. ¿Y ahora que hago con tanta visita?
• Bloque de productos relacionados: en el sidebar.
• Enlazado en el artículo: a productos o categorías.
• Entrada de producto: sin abusar.
168. Consejos
• ¿Cuánto publicar? Cuanto más mejor pero siendo constante.
• Mínimo un artículo a la semana.
• Ten siempre un artículo redactado de más.
171. Rendimiento
Google emplea recursos limitados para analizar una página web, si
dicha página carga rápidamente, Google ahorrará recursos y premiará
al sitio web visitando más páginas y por tanto, dotando al sitio web de
un mejor posicionamiento.
Para Google
172. Rendimiento
• 27% más de conversión reduciendo el tiempo de carga 1 segundo
Para los usuarios
http://www.soasta.com/blog/mobile-web-performance-monitoring-conversion-rate/
174. PageSpeed Tools
Herramientas de Google para analizar y optimizar tu sitio web.
• PageSpeed Insights: evalúa y propone mejoras.
175. PageSpeed Tools
Herramientas de Google para analizar y optimizar tu sitio web.
• PageSpeed Module: se instala en el servidor y optimiza el sitio
web.