Cómo habilitar compresion gzip en prestashop

Habilitar compresion gzip prestashop

En este artículo vamos a mostrar la manera de habilitar la compresión gzip para prestashop.

Una de las mejoras que podemos realizar en nuestra tienda prestashop es habilitar la compresión gzip y esto lo podemos realizar incluyendo un sencillo código en el fichero .htaccess, el código en cuestión es el siguiente:
SetOutputFilter DEFLATE
AddEncoding x-compress .Z
AddEncoding x-gzip .gz .tgz
AddType application/x-compress .Z
AddType application/x-gzip .gz .tgz
AddOutputFilterByType DEFLATE text/php text/HTML text/txt


ARTÍCULOS QUE TE PUEDEN INTERESAR

1. Diferencia entre left, inner y right join
2. Cannot resolve the collation conflict between “Modern_Spanish_CI_AS” and “SQL_Latin1_General_CP1_CI_AS” in the equal to operation
3. Cómo hacer un split en Transact SQL
4. Cómo hacer un SELECT TOP
5. Alter table: Cómo modificar tablas en SQL
6. Cómo formatear una fecha en un SELECT de SQL

---

Si te ha gustado el artículo sobre cómo corregir error "Apache shutdown unexpectedly" al iniciar Xampp puedes colaborar con este Blog visitando a nuestros patrocinadores, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo corregir error al iniciar Xampp: Apache shutdown unexpectedly
Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha

Cómo eliminar los guiones bajos en url prestashop 1.5

Guiones bajos en las url de prestashop 1.5: ¿Cómo quitarlos?.

En el presente tutorial vamos a ver la manera de eliminar los guiones bajos en las url de prestashop 1.5

Cuando utilizamos una herramienta de optimización SEO para estudiar las posibles optimizaciones que podemos hacer a nuestro prestashop es frecuente encontrarse con la recomendación de eliminar las url que contienen guiones bajos. En este artículo veremos cómo eliminar los guiones bajos en las url de Prestashop 1.5 de manera rápida y sencilla.

PASOS PARA ELIMINAR GUIONES BAJOS EN LAS URL DE PRESTASHOP 1.5.

Lo normal es que en esta versión de Prestashop sean las url de fabricantes y proveedores las que se construyan con los guiones bajos por lo que los pasos que a continuación detallo se encargarán de eliminar los guiones bajos en las url de fabricantes y proveedores de prestashop 1.5:

• Dirigirse a la opción SEO y URLs del menú Preferencias tal y como se indica en la imagen.



Seleccionar opción SEO y URLs



• Modificar los valores de los campos Ruta a los proveedores y Ruta a los fabricantes tal y como se indica en la siguiente imagen.



Modificar los valores tal y como se indica en la imagen



• Desactivar la opción Enlaces amigables para que el fichero .htaccess se regenere con los nuevos valores.



Desactivar la opción de enlaces amigables



• Guardar los cambios realizados.
• Activar la opción Enlaces amigables
• Guardar los cambios realizados
• Comprobar que se han eliminado correctamente los guiones bajos en las urls de fabricantes y proveedores.

CÓMO COMPROBAR QUE SE HAN ELIMINADO LOS GUIONES BAJOS DE LAS URL DE PRESTASHOP 1.5.

Una vez realizados los cambios descritos en los puntos anteriores deberemos comprobar si los guiones bajos se han eliminado de las url de los proveedores y fabricantes de Prestashop 1.5. Para ello deberemos hacer clic en la opción Ver Mi Tienda situado en la parte superior derecha de nuestra pantalla y hacer clic sobre el logo de cualquier fabricante o marca.

---

Si te ha gustado el artículo sobre cómo eliminar los guiones bajos en url prestashop 1.5 puedes colaborar con este Blog visitando a nuestros patrocinadores, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo corregir error al iniciar Xampp: Apache shutdown unexpectedly
Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha

Etiquetas title y alt en imágenes

Cómo utilizar correctamente las etiquetas TITLE y ALT en las imágenes.

En este artículo trataré de explicar cómo utilizar correctamente las etiquetas TITLE y ALT en las imágenes que insertemos en cualquier página web.

DIFERENCIAS ENTRE LAS ETIQUETAS TITLE Y ALT

La etiqueta TITLE se utiliza para mostrar una descripción de la imagen. Normalmente en la etiqueta TITLE de las imágenes se suele escribir el título o una breve descripción de la misma, de esta manera tanto los navegadores como los internautas saben de qué va la foto.

La etiqueta TITLE funciona con todos los navegadores y se manifiesta cuando el usuario pone el ratón encima de una imagen, en ese momento aparece un cuadro emergente con el texto que se ha indicado en el TITLE.

Mediante la etiqueta ALT definimos un texto alternativo sobre las imágenes que se mostrará únicamente cuando éstas no puedan mostrarse, como por ejemplo un error en su carga. Esta etiqueta es de suma importancia puesto que hace que nuestra web sea más accesible.

Si las imágenes se utilizan como enlace a otras páginas, la etiqueta ALT puede emplearse para dar información sobre el enlace. Si no se utilizan como enlaces, se pueden emplear para complementar la información definida en la etiqueta TITLE.

CÓMO UTILIZAR LAS ETIQUETAS TITLE Y ALT

Vamos a mostrar un ejemplo práctico sobre cómo utilizar correctamente las etiquetas TITLE y ALT: Mostraremos una imagen con el logo de Apnea Academy (Organización internacional para la enseñanza de la Apnea) que emplearemos como enlace a una página con información sobre un curso de apnea.

Veamos el código HTML que hemos insertado para mostrar la imagen:
<a href="URL de la página web"><img alt="Primer curso de Apnea Academy en Valencia organizado por EspaiSub" src="URL de la imagen" title="Apnea Academy - Organización para la enseñanza e investigación de la apnea" />
Explicación del uso de las etiquetas TITLE y ALT:
TITLE: Hemos escrito una breve descripción de la imagen para que la gente sepa qué es Apnea Academy. En este caso indicamos qué es Apnea Academy.

ALT: He escrito una breve descripción sobre el enlace que contiene la imagen, para que se tenga información sobre donde va el enlace.

---

Si te ha gustado el artículo sobre Etiquetas title y alt en imágenes puedes colaborar con este Blog visitando a nuestros patrocinadores, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo corregir error al iniciar Xampp: Apache shutdown unexpectedly
Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha

Cómo añadir breadcrumbs en Blogger

CÓMO AÑADIR BREADCRUMBS EN BLOGGER

En el artículo de hoy vamos a ver cómo añadir breadcrumbs a nuestro blogger y explicar las ventajas que aportan los breadcrums o migas de pan al posicionamiento SEO de nuestro Blog o página web.

Los breadcrums o rastro de migas de pan es una técnica de navegación utilizada en páginas web cuya característica principal es que permite al usuario conocer exactamente la estructura interna de nuesro blog o página web lo que le permite navergar de manera fácil e intuitiva por ella.

VENTAJAS DE UTILIZAR BREADCRUMBS

Las ventajas de utilizar breadcrumbs o migas de pan en nuetro blog o página web son innumerables, a continuación mostramos las ventajas que consideramos más significativas:

• Los breadcrumbs facilitan el acceso directo a determinadas categorías o páginas si tener que pasar por el home de la web.


• Los breadcrumbs o migas de pan permiten al usuario crear un modelo mental del mapa del sitio, con lo que le será más fácil navegar por la web y acceder a los contenidos.


• Los breadcrumbs son un elemento de navegación que ocupan poco espacio y ofrecen mucha información.


• Los breadcrumbs pueden aparecer en los resultados de las páginas de búsqueda de Google con lo que aportan información adicional al usuario del buscador.


• Los breadcrumbs mejoran la usabilidad de nuestra página web o blog.


• Los breadcrumbs mejoran los enlaces internos de nuestra página web.

CONCLUSIÓN SOBRE LOS BREADCRUMBS

Los breadcrumbs o migas de pan es de esas mejoras que requieren muy poco esfuerzo y que tienen un alto impacto por lo que recomiendo a todos los lectores que se animen y los introduzcan en sus respectivas páginas web o blogs.

AÑADIR BREADCRUMS EN BLOGGER

Vamos a ver mediante un ejemplo práctico la manera de implementar los breadcrums en nuestro blogger

1. Nos dirigimos al menú Plantilla de nuestro panel de control de Blogger y pulsamos el botón Editar HTML.


2. Dentro del código de nuestra plantilla pulsamos las teclas CTRL + F y buscamos el siguiente texto
   <b:include data='top' name='status-message'/>


3. Reemplazar el código e arriba por el siguiente:
   <b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>


4. Buscar el siguiente texto en el código de nuestra plantilla pulsando CTRL + F:
   <b:includable id='main' var='top'>


5. Reemplazar el código de arriba por el siguiente:
   <b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No añadimos los breadcrumb en la home de nuestro blogger -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- Añadimos los breadcrumb en los post -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- Añadimos los breadcrumb para las etiquetas y las páginas de búsquedas -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<!--Breadcrumbs por http://tutorialesyopiniones.blogspot.com.es/-->


6. Buscar el siguiente texto en la plantilla ]]></b:skin>


7. Pegar el siguiente código justo antes el texto que hemos buscado en el punto exterior:
   /* Breadcrumbs por http://tutorialesyopiniones.blogspot.com.es/ */ .breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}



8. Pulsa el botón Guardar.

---

Si te ha gustado el artículo sobre cómo añadir breadcrumbs en Blogger puedes colaborar con este Blog visitando a nuestros patrocinadores, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha

Cómo crear un sitemap para Blogger

Crear sitemap para Blogger

Crear sitemap para blogger

En el artículo de hoy vamos a ver cómo crear un sitemap para Blogger con un ejemplo sencillo y rápido de implementar.

En realidad, un sitemap es un documento que contiene la lista de todas las páginas que componen nuestra web o blog.

Los mapas de sitio, término en castellano de sitemap, nos ayudan a mejorar el posicionamiento en buscadores (SEO) ya que a través de ellos nos aseguramos que los buscadores conocen todas las páginas de nuestro blogger o página web.

Es importante enviar a Google y resto de buscadores la dirección URL de nuestro sitemap para que pueda indexar todas las URL de nuestro blog. Para enviar el sitemap utilizaremos WebMaster Tools de Google.

CÓDIGO DEL SITEMAP PARA BLOGGER

Con el siguiente código podremos enviar el sitemap de nuestro blogger a Google. /atom.xml?redirect=false&start-index=1&max-results=500
Con el código de arriba le indicamos a Google que le estamos enviando las primeras 500 páginas de nuestro blogger, si en tu blog tienes más de 500 páginas lo que debes hacer es crear más sitemaps, uno por cada 500 páginas, tal y como se muestra a continuación:
/atom.xml?redirect=false&start-index=1&max-results=500 1er bloque de páginas.
/atom.xml?redirect=false&start-index=501&max-results=1000 2do bloque de páginas
/atom.xml?redirect=false&start-index=1001&max-results=1500 3er bloque de páginas

CÓMO SUBIR TU SITEMAP PARA BLOGGER A GOOGLE

Para enviar el sitemap de nuestro blogger a Google debemos realizar los siguientes pasos:

1. Entrar a WebMasterTools de Google.
2. Hacer clic en "Optimización", situado en la parte izquierda de la pantalla.
3. Seleccionar la opción "Sitemaps".
4. Pinchar sobre el botón "Añadir o probar sitemap" situado en la parte derecha de la pantalla.
5. Escribir la url de nuestro sitemap. El código del punto anterior.
6. Pulsar el botón "Enviar".
7. Se mostrará el número de url que han sido enviadas a Google.
8. En este punto toca esperar que Google indexe todas las url de nuestro sitemap. Esto suele tardar varios días.

---

Si te ha gustado el artículo sobre cómo crear un sitemap para Blogger puedes colaborar con este Blog visitando a nuestros patrocinadores, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo añadir gadget redes sociales en Blogger
Cómo crear índice de contenido en Blogger
Cómo crear un sitemap para Blogger
Cómo añadir mi blogger al buscador Bing
Cómo añadir la descripción de tu Blogger al título de tus páginas

Cómo añadir mi Blogger al buscador Bing

Cómo añadir nuestro blogger al buscador Bing

En el artículo de hoy vamos a ver cómo añadir nuestro blogger al buscador Bing (Because It's Not Google), tarea fundamental si queremos mejorar el posicionamiento de nuestro blogger.

PASOS PARA AÑADIR NUESTRO BLOGGER A BING

1. Abrir la siguiente url: http://www.bing.com/toolbox/submit-site-url


2. Deberemos escribir la dirección de nuestro blog en el campo que nos indican y escribir el Captcha correctamente. Ver imagen de ejemplo.
   
   
   


3. Una vez introducida la dirección de tu blog o página web. Bing nos recuerda que podemos utilizar su herramienta para administradores web. Yo recomiendo que la utilicéis.
   
   
   


4. Como se puede apreciar en la imagen de arriba, nos da la opción de registrarnos. Si tenemos una cuenta de hotmail no hará falta el registro, podremos loguearnos sin problema.


5. Ahora es cuando debemos añadir nuestro blog a la lista de sitios que queremos controlar con la herramienta para administradores web de Bing.


6. Una vez añadido nuestro blog deberemos verificar que somos los propietarios. La manera más sencilla es copiar el código de identificación que nos ofrece Bing y pegarlo en la sección HEAD de nuestro Blog.


7. ¿Cómo se copia el código de verificación en nuestro blogger? Nos dirigimos a la sección "Plantilla" de blogger y pinchamos en el botón "Editar HTML". Buscamos el siguiente texto: <head> y antes copiamos el código de verficación.

---

Si te ha gustado el artículo sobre cómo añadir mi Blogger al buscador Bing puedes colaborar con este Blog visitando a nuestros patrocinadores, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha