Tutoriales y Opiniones

Mostrando entradas con la etiqueta SEO. Mostrar todas las entradas

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

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.

Cómo eliminar los guiones bajos en las urls de prestashop 1.5

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

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.

Primer curso de Apnea Academy en Valencia organizado por EspaiSub

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 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

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

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

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

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

Reemplazar el código de arriba por el siguiente:
<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'>  <b:else/> <b:if cond='data:blog.pageType == "item"'>  <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"'>  <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'>

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

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; }

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:

Entrar a WebMasterTools de Google.
Hacer clic en "Optimización", situado en la parte izquierda de la pantalla.
Seleccionar la opción "Sitemaps".
Pinchar sobre el botón "Añadir o probar sitemap" situado en la parte derecha de la pantalla.
Escribir la url de nuestro sitemap. El código del punto anterior.
Pulsar el botón "Enviar".
Se mostrará el número de url que han sido enviadas a Google.
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

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

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

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.

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.

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

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.

¿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

Optimizar SEO Blogger: Añadir descripción del blog al título de tus páginas

Optimizar SEO Blogger: Añadir descripción del blog al título de tus páginas.

En este artículo vamos a mostrar la manera de optimizar el SEO de nuestro Blogger añadiendo la descripción del blog al título de nuestras páginas.

Consejo SEO

La idea es tener en la descripción de nuestro blog las palabras claves por las que queremos ser posicionados y reforzarlas en cada uno de los artículos que escribamos.

Explicación de lo que vamos a hacer

Vamos a incluir en el título de todos nuestros artículos la descripción o texto que nosotros queramos de manera que obtendremos las siguientes ventajas:

A efectos de posicionamiento es una mejora porque en cada página de nuestro blog incluimos las palabras clave por las que queremos ser encontrados.
Reforzamos la densidad de palabras clave de nuestros artículos con lo que facilitamos a Google y el resto de buscadores la comprensión de la temática de nuestro Blog y artículos.

Optimizar SEO Blogger: Ejemplo práctico

Abrir la sección "Plantilla" y hacer clic en el botón EDICIÓN HTML
Busca el siguiente código <title><data:blog.pagetitle/></title> y sustitúyelo por el siguiente código <title><data:blog.pageName/> | <data:blog.title/> | Pon aquí tus palabras clave o descripción de Blog</title>
Pulsa el botón "Guardar"

Cómo comprobar que la descripción del Blog está en el título de las páginas

Es muy sencillo, pon el ratón sobre el título de de este artículo y verás como se muestra un texto que incluye el título de la página, el título del Blog y la descripción del blog.

Si te ha gustado el artículo sobre cómo añadir descripción del blog al título de las páginas 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

Palabras clave SEO

Tutorial SEO: Selección de las palabras clave

Selección de palabras clave

Como ya indicamos en artículos anteriores y simplificando, podemos afirmar que las palabras clave son aquellas que utilizaría un internauta para encontrar tu página web.

Como podréis imaginar, la elección de las palabras clave es un proceso fundamental a la hora de definir la estructura de nuestra página web por lo que deberemos realizar el proceso antes de acometer cualquier otra tarea.

Elección de las palabras clave

Una vez definidas las palabras clave podremos acometer las siguientes tareas en nuestro proyecto web:

Diseñar la estructura de la página web.
Establecer el nombre de los ficheros que utilizaremos.
Escribir los títulos, descripciones y contenido de nuestras páginas.

Por estos motivos hemos de seleccionar con mucho cuidado las palabras claves, dedicándole el tiempo necesario y haciendo uso de los siguientes recursos que tenemos a nuestra disposición:

Pedirle a nuestros amigos que elaboren una lista con los términos que emplearían para buscar nuestra página web en Internet. La lista debe contener al menos 4 términos, cada uno compuesto entre una y 4 palabras.
Establecer nuestra propia lista de términos por las que buscaríamos nuestra página web.
Con la lista de posibles palabras clave deberemos utilizar una herramienta que nos indique si los términos recopilados se emplean en búsquedas reales por los usuarios.

Quizás este punto sea el más farragoso, pero no os preocupéis porque el propio Google no ofrece una herramienta buenísima. Google Adwords.

Densidad de las palabras clave en nuestro contenido

Definidas las palabras clave que vamos a utilizar, debemos emplearlas en los siguientes contextos de nuestra página web:

Título.
Descripción.
Contenido.
URL.
Etiquetas Alt de las imágenes.
Encabezados de textos <h1>,<h2>,<h3>,<h4>.
Resalta de vez en cuando tus palabras clave con negrita.

En la descripción y contenido de nuestra página web tendremos especial cuidado de emplear las palabras clave con una densidad comprendida entre el 3% y el 5% del total y de manera natural, esto quiere que al menos emplearemos las palabras clave una vez por párrafo y de manera que éste sea entienda perfectamente. Recordad que escribimos para los usuarios, no para Google.

Para calcular la densidad de palabras de un texto, el número total de caracteres a emplear en el Título, descripción y contenido de una página web existen muchas herramientas online, yo utilizo un contador de caracteres y palabras online: characterscounter.com

Las palabras clave no lo son todo

Recuerda que una buena elección de palabras clave no nos asegura el éxito porque la última palabra la tiene el usuario. De nada sirve tener un sitio súper optimizado para SEO si el contenido del mismo no es de calidad ya que el usuario nos encontrará pero no volverá porque no tiene interés lo que contamos.

Artículos que te pueden interesar

Cómo optimizar el SEO de tu Blogger.
Cómo optimizar el SEO de tus imágenes.
Cómo crear url amigables con PHP.
Cómo crear url amigables con .htaccess.
Cómo crear una buena Landing Page.
Cómo crear una página personalizada de Error 404.

Optimizar SEO para Blogger

Cómo optimizar tus post en Blogger

En este artículo vamos a dar una serie de consejos muy sencillos para optimizar el SEO de los post de nuestro Blogger.

El objetivo de realizar estas mejoras SEO en nuestros post de Blogger es conseguir un mayor número de visitas, recordad que las mejoras que realicemos en nuestros post pertenecen a una estrategia global por lo que no deberemos descuidar otras áreas.

Áreas importantes para mejorar el SEO de nuestros post

El título: El título debe indicar con claridad la temática del post y debe utilizar las palabras clave y todo eso en no más de 70 caracteres. En este momento tendréis dos dudas.
1. ¿Qué es una palabra clave?. Una vez identificado el tema sobre el que queremos escribir y el público a quién va dirigido, el siguiente paso es definir cuáles son las palabras clave de nuestro post, es decir, las palabras o frases que utiliza el usuario en sus búsquedas.
2. ¿Por qué solo 70 caracteres?. Porque Google muestra el título de sus resultados de búsqueda en 70 caracteres, por lo que si elegimos un título mayor éste no se mostrará completamente y al usuario no le llega el mensaje que queremos transmitir.

La descripción: La descripción del post debe ser un texto que describa de manera precisa el contenido del post utilizando las palabras clave que empleamos en el título sin que afecte a la legibilidad del texto y sin utilizar más de 156 caracteres.

La URL: La URL del post debe informar al usuario y a Google sobre la temática del post por lo que deberá contener nuestras palabras clave sin emplear más de 39 caracteres.

Para contar caracteres existen herramientas online, yo personalmente recomiendo este contador de caracteres y palabras online

Artículos que te pueden interesar

Crear página error 404 personalizada.
Cómo crear una landing page.
Cómo crear fichero robots.txt.
Cómo crear URL amigables con .htaccess.
Porcentaje de rebote (bounce rate) en Google Analytics.
Cómo crear URL amigables con PHP.
SEO en las imágenes de Blogger.

SEO en las imágenes de blogger

Todo suma cuando hablamos de SEO, en este artículos veremos cómo aplicar SEO en las imágenes que incluimos en las entradas de nuestro blog. A este tipo de SEO se le denomina SEO on Page al realizarse en las propias páginas.

¿Qué son las palabras clave?

Las palabras clave son aquellas expresiones, palabras o frases por las que quieres ser localizado desde un buscador.

Conocer las palabras clave por las que queremos posicionarnos es una la condición sine qua non para hacer SEO on Page. Es decir, sin tener identificadas las palabras clave no podemos hacer SEO on Page.

Por lo tanto, podemos afirmar que nuestro artículo debe tener la temática que las palabras clave seleccionadas y éstas deben estar incluidas en el contenido de nuestro artículo un número razonable de veces.

Existen herramientas que calculan la densidad de nuestras palabras clave en un texto, que nos ayudan a seleccionar el título y descripción de una página web, etc.

Consejos para el SEO en las imágenes

El nombre de cada imagen debe contener nuestras palabras clave.
El nombre de las imágenes no contendrá caracteres especiales.
El nombre de las imágenes no contendrá espacios en blanco, estos se sustituirán por guiones "-".
El nombre de la imágenes será corto y descriptivo.
Utilizar el atributo ALT en las imágenes. Es el texto que se muestra al poner el ratón encima de la imagen.
Utilizar el atributo TITLE en las imágenes. Es el texto que se muestra si no se muestran las imágenes.

Crear URL amigables con PHP

Como crear URL amigables con PHP

Como ya he comentado en anteriores artículos, es muy importante para el posicionamiento de una página web que todas sus URL sean amigables. Hace un par de días escribí un post donde os explicaba cómo crear URL amigables con .htaccess, en este artículo explicaremos la manera de crear URL amigables con PHP.

1) Crear la función url_amigables()

La función url_amigable recibe como parámetro el título de un artículo y realiza las siguientes operaciones:

Transformar el título en minúsculas con strtolower()
Quita acentos, sustituimos la ñ con str_replace()
Reemplaza caracteres especiales por guiones y eliminamos caracteres raros con preg_replace()

El código resultante es el siguiente:


<?php

function urls_amigables($url) {

$url = strtolower($url);

$find = array('á', 'é', 'í', 'ó', 'ú', 'ñ');

$repl = array('a', 'e', 'i', 'o', 'u', 'n');

$url = str_replace ($find, $repl, $url);

$find = array(' ', '&', '\r\n', '\n', '+'); 

$url = str_replace ($find, '-', $url);

$find = array('/[^a-z0-9\-<>]/', '/[\-]+/', '/<[^>]*>/');

$repl = array('', '-', '');

$url = preg_replace ($find, $repl, $url);

return $url;

}

?>

2) Cambiar las URL con Mod Rewrite

Editamos nuestro fichero .htaccess y escribimos el siguiente código:

RewriteEngine on

Rewriterule ^articulo/(.+)/(.+) articulo.php?id =$1&title=$2

3) Cambiar los links dinámicamente

Esto lo conseguimos con el siguiente código:

// La variable del título de la noticia

$url = "Este es un título";

// mostramos el titulo editado
 
// echo urls_amigables($url);

// mostramos la url terminada
 
echo “http://tu.sitio.web/articulo/”.$id.”/”.urls_amigables($url).”/”;

Si te ha gustado el artículo sobre Crear URL amigables con PHP puedes colaborar visitando a alguno de 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

Porcentaje de rebote (bounce rate) en Google Analytics

El porcentaje de rebote, también llamado bounce rate, es un indicador empleado por Google Analytics y que tiene en cuenta Google para medir el grado de relevancia de una determinada Web.

Últimamente he observado que este el porcentaje de rebote de algunas páginas que administro y/o colaboro ha aumentado considerablemente, investigando un poco he llegado a la conclusión de que el problema radica en la definición misma que hace Google del porcentaje de rebote.

He encontrado una posible solución que pasa por la definición explícita de lo que nosotros consideramos como porcentaje de rebote, esta solución la explicaremos en este artículo.

¿Qué es el porcentaje de rebote o bounce rate?

Google Analytics aplica la definición de porcentaje de rebote a todas las visitas de una web que se limitan a una sola página, por lo tanto aquellas visitas que leen un artículo de mi blog y se van sin abrir más artículos de mi blog.

Según Google analytics estos son algunos casos de rebote:

Un usuario hace clic en un enlace de un artículo de mi blog que le ha mandado por mail un amigo. Este usuario se limita a leer el artículo y cierra el navegador cuando termina.
Un internauta encuentra la página principal de mi blog, la lee durante dos minutos y cierra el navegador.
Un usuario encuentra un artículo de mi blog buscando por google, lo abre pero mientras va realizando otras tareas con el navegador (visita otras webs) por lo que expira el tiempo de sesión.

Pues bien, todos estos puntos los tiene en cuenta Google Analytics para valorar una página web y decidir si ésta es relevante o no. Valoración que en muchas ocasiones es injusta.

¿Es fiable el porcentaje de rebote para evaluar la relevancia de una web?

Mi respuesta es no.

Tener visitantes que solo leen una determinada página de tu web no indica que tu web no sea interesante y por ende carezca de relevancia. Si esto fuera así, los blogs o diarios digitales deberían ser sitios de escasa relevancia en la red puesto que un internauta encuentra en google un artículo de su interés, accede al blog y una vez leído cierra el navegador.

¿Cómo solucionar el problema del porcentaje de rebote?

La solución pasa por redefinir el concepto de porcentaje de rebote de manera que consideraremos que toda visita que exceda de 20 segundos no es un rebote sino una visita buena.

Para hacer efectivo esta nueva definición deberemos añadir el siguiente código al script de Google Analytics que hemos añadido en nuestras páginas:

setTimeout(‘_gaq.push([\'_trackEvent\', \'NoBounce\', \'Over 20 seconds\'])’,20000);

Como crear URL amigables con .htaccess

En este artículo vamos a ver las ventajas de utilizar URL amigables y también la manera de crear URL amigables utilizando el fichero de configuración .htaccess.

¿Qué es una URL amigable?

Para simplificar diremos que una URL amigable es aquella URL cuyo texto o contenido es entendible por el usuario. Para que quede más claro el concepto de URL amigable, veremos un ejemplo de una URL no amigable y otra URL sí amigable.

URL NO amigable
http://http://tutorialesyopiniones.blogspot.com/index.php?id_noticia=133

URL amigable
http://tutorialesyopiniones.blogspot.com.es/como-utilizar-google-fonts.html

Queda claro el concepto, ¿verdad?. Mientras que las URL No amigables utilizan variables y símbolos en el contenido de las URL, circunstancia que las hace incomprensibles para el usuario final, las URL amigables únicamente utilizan texto en el contenido de las URL por lo que el usuario final puede hacerse una idea sobre la temática de la web viendo únicamente la URL.

Importancia de las URL amigables

Crear categorías descriptivas y URL amigables para las páginas de tu web no solo te ayuda a ti como administrador de tu página web sino que también facilita el rastreo de tus páginas a los diferentes motores de búsqueda.

Además, recuerda que las URL se muestran como parte de un resultado de búsqueda en Google tras el título de la página y la descripción de la misma. Como ocurre con el título y la descripción, las palabras que forman la URL aparecerán en negrita si coinciden con la consulta realizada por el usuario.

Como crear URL amigables con .htaccess

Vamos a ver como crear URL amigables con un ejemplo práctico. Imaginemos que queremos cambiar las URL de nuetro blog:

Estructura de URL que queremos cambiar
http://miweb.com/articulo.php?id=45

Estructura de URL que queremos conseguir
http://miweb.com/articulo-45.html

Para conseguir el resultado que queremos deberemos escribir la siguiente regla en nuestro fichero .htaccess:

Options +FollowSymLinks
RewriteEngine On
RewriteRule ^articulo-([0-9]+)\.html$ articulo.php?id=$1

ARTÍCULOS QUE TE PUEDEN INTERESAR

Como crear fichero robots.txt

Tutorial: Como crear fichero robots.txt

El fichero robots.txt es el encargado de establecer las pautas de comportamiento de los robots o también llamados crawler cuando acceden a una página web. El objetivo de los robots, en general, es indexar la página web y darla a conocer en los diferentes motores de búsqueda como por ejemplo Google, Bing, etc.

Funcionamiento del fichero robots.txt

Hay que tener en cuenta dos aspectos a la hora de trabajar con el fichero robots.txt:

Los robots pueden ignorar el contenido de nuestro fichero robots.txt, especialmente los robots malware que escanean las web en busca de vulnerabilidades de seguridad y direcciones de correo electrónico que venderán a los spammers.
Cualquiera que tenga acceso al fichero robots.txt tendrá acceso a la estructura de tu página web puesto que la información que contiene el fichero es pública.

A continuación se muestran alguna de las ventajas de crear el fichero robots.txt:

Impedir que ciertos robots tengan acceso a nuestra página web. Esto funciona en la teoría pero no en la práctica.
Restringir el acceso a determinados directorios de nuestra web. Lo ideal es mover todos los ficheros a los que queremos restringir el acceso a este directorio, a través de la configuración del servidor web hacer que dicho directorio no se pueda listar e indicar en el fichero robots.txt que no se permiten robots en dicho directorio.
Indicar el sitio del mapa o sitemap.

¿Cómo crear el fichero robots.txt?

El fichero robots.txt debe estar situado en el directorio raiz de nuestro sitio web.

Ejemplo: En el contador de caracteres situado en la url http://www.characterscounter.com el fichero robots debe estar colocado en la siguiente url: http://www.characterscounter.com/robots.txt.

¿Qué se pone en el fichero robots.txt?

El fichero robots.txt más sencillo utiliza dos reglas:

User-agent: El robot al que se le aplica la siguiente regla
Disallow: La URL que queremos bloquear

La directiva Disallow indica las páginas que quieres bloquear, puedes indicar una URL o un determinado patrón. La entrada siempre debe comenzar con la barra inclinada /

Para bloquear todo el sitio: Utilizamos la barra inclinada.

Disallow: /

Para bloquear un directorio y todo su contenido: Utilizamos la barra inclinada después del nombre del directorio.

Disallow: /nombre-directorio/

Para bloquear una página: Utilizamos el nombre de la página.

Disallow: /nombre-pagina.html

Para bloquear ficheros de una determinada extensión: Como por ejemplo .jpg

Disallow: /*.jpg$

Para bloquear directorios que empiecen por un determinado texto: Como por ejemplo "carpeta"

Disallow: /carpeta*/

Para bloquear url que contengan el símbolo ?

Disallow: /*?

Artículos que te pueden interesar

Como detectar el idioma del visitante de tu web

Como crear página de error 404 personalizada

Como recibir notificación cuando Google visita tu página

Como crear una landing page

Tutorial: Cómo crear una Landing Page

Las Landing Pages son páginas web, normalmente de productos, optimizadas para unas determinadas palabras clave con el objetivo que los buscadores las indexen y de esta manera recibir un gran número de visitas.

El objeto del presente tutorial es mostrar los pasos a realizar para crear una buena Landing Page a través de la siguiente infografía sobre Landing Pages:

Artículos que te pueden interesar

Crear página error 404 personalizada

Configurar .htaccess para mostrar página personalizada de error 404

¿Qué es el fichero .htaccess?

El fichero .htaccess es un fichero de configuración del servidor http apache donde el usuario puede especificar diferentes configuraciones a los directorios que conforman su página web.

A continuación muestro alguno de los usos más frecuentes del fichero .htaccess:

Creación de URL's amigables
Restringir acceso a carpetas y/o archivos
Evitar hotlink
Redireccionar dominio sin www a www o viceversa

En sucesivos post iré mostrando ejemplos prácticos de configuración del fichero .htaccess

Personalizar página de error 404

El error 404 es un código de error http que indica que el navegador web no ha encontrado el fichero solicitado, para personalizar la respuesta de nuestro servidor web ante este error seguiremos los siguientes pasos:

En primer lugar crearemos una página personalizada donde informamos al usuario que la página solicitada no existe o no se ha encontrado. Esta página puede ser un fichero html, php, etc. Aquí os dejo un repositorio de páginas personalizadas de error 404
En segundo lugar editaremos el fichero .htaccess y añadiremos el siguiente código:

ErrorDocument 404 /404.htm

Donde 404.htm es la página personalizada que quiero mostrar cuando se produzca el error 404