Archivo de la etiqueta: diseño web

¿Como crear un Sitemap?

¿Como crear Sitemap?

Había pensado que ya había escrito como crear un sitemap y la ventajas de tenerlo para mejorar tu SEO pero me di cuenta que no solo había hablado de el, así que es hora de decirles como crear un sitemap, pero primero vayamos por partes.

¿Que es un sitemap?

Un sitemap es un archivo .xml como lo dice su nombre en ingles es un mapa del sitio. Como no me he cansado de decir aunque los robots de Google son listos (y con cada actualización mas listos—Aunque no siempre—) hay que guiarlos para que no se vayan a perder, eso es el mapa del sitio. Básicamente es guiar a los robots páginas quieres que se indexen y cuales no (si páginas que no quieres que se vean si lo tiene relevancia), sitemaps mas avanzados puedes clasificarlo para darle importancia a los contenidos mas relevantes y menos relevantes.

¿Como se crean?

Crear un sitemap es sencillo, la sintaxis es muy sencilla puede ser en cualquier programa de editor de textos. La sintaxis es la siguiente:

<?xml version=”1.0″ encoding=“UTF-8″?> – La codificación –
<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″> – la organización que rige los parapetos –
   <url> – información sobre la url –
    <loc>http://www.ejemplo.com</loc> – La url en concreto –
  </url>
  <url>
    <loc>http://www.ejemplo.com/ejemplo</loc>
</url>
</urlset>

Como ven en sencillo, pero hacerlo para sitios de muchísimas páginas o blog resultaría muy pesado hacerlo manualmente, no te preocupes hay muchos páginas (y plugins en caso de wordpress) que te crean el sitemap. El uso que mas uso es el siguiente:

https://www.xml-sitemaps.com/

Hay mas sitios pero no he tenido ningún solo problema aquí. Lo siguiente que hay que hacer como comente en el entrada pasada es subir el sitemap a webmaster tools. Para subirlo hay que tener acceso al FTP ya dentro se sube el archivo .xml a la carpeta raiz. Ya arriba nos metemos a Webmaster tools en la sección principal a la parte derecha va estar la sección de sitemap.
sección sitemapEntramos va ver un botón de añadir o probar un sitemap.

añadir sitemap

Damos clic, nos pedira la dirección de sitemap.

enviar sitemap

La escribimos y le damos enviar ya con eso tenemos nuestro sitemap arriba. Como tambien he dicho nada en google es automático tardara en que los robots de google detente el sitemap. Pero ya con esto ya hicimos un gran paso en mejorar tu SEO.

Diseñador nativo Culiacán radicado en Guadalajara. Orgullosamente egresado del Iteso, especialista en diseño web, SEO, programación. En sus ratos libres disque dibuja, lee, juega futbol y ve la premier league
Sigueme y dame like.

¿Qué es WordPress?

Anteriormente cuando se quería desarrollar un sitio web solo había dos opciones HTML o Flash. Hoy en día hay mas opciones, como HTML5, Php, Joomla, Drupal y claro WordPress.

wordpress

¿Qué es WordPress?

Es un CMS (Sistema de gestión de contendió por sus siglas en ingles) basado en PHP(base de datos), creado por Matt Mullenweg inicialmente solo para la publicación de blogs, con el paso del tiempo a evolucionado para convertirse en una de la herramientas mas usada en las páginas webs, se estima que alrededor del 20% de la sitios web del mundo lo usan.

Hay dos formas de usarlo:

Hosting en WordPress.com

Esta dedicado en un 100% a ser usado como blog. Este puede ser gratuito o de pago. La versión gratuita cuenta con una gran variedad de temas que puedas usar sin ningún costo, pero no podrás personalizar tu blog, ni tendrá dominio propio, además de que se pondrá publicidad sin que tengas un control. La versión de pago te permite tener tu propio dominio, personalizar  tu sitio con tu propio diseño tendrás que pagar una cuota anual de alrededor de 100 dólares.

Hosting propio:

Para poder usarlo tendrás que contratar algún servicio de hosting tales como HostGator, Godaddy, etc, he instalarlo. La diferencia entre uno y el otro es abismal.

Cuenta con una gran cantidad de temas gratuitos, que van desde un blog tradicional o sitios mas complejos como tiendas virtuales, pero si alguno de estos temas gratuitos no te llenan siempre puedes comprar un tema y si aún así no te convence puedes crear el tuyo desde 0 (necesitas tener conocimientos en HTML o PHP).

¿Por qué es tan popular enfrente a otros CMS?

Puede que conozca otros CMS como Joomla o Drupal que no tiene tanta popularidad, no significa que sean malos tengas que cambiar tu sitio pero WP a mostrado ser superior en varios aspectos, estas son sus principales ventajas.

Intuitivo:

A diferencia de otros CMS, que el primer contacto puede ser muy frustrante, WP tiene una interfase mas amigable que permite actualizar sin muchos problemas.

Fácil de modificar:

Es sencillo cambiar e instalar un tema sin tener que tener conocimientos en HTML o PHP, claro para hacer modificaciones mas extensas es recomendable que tengas conocimientos en programación.

Plugins:

Cuenta con una gran comunidad de desarrolladores, que se a encargado en crear una infinidad de plugins, lo que busques puedes encontrar, para mejorar la seguridad de tu página, crear un formulario, o mejorar tu galería de imágenes.

HTML 5:

Aunque este detalle le importa a alguien que sepa de programación, es 100% compatible con HTML 5 en lenguaje mas avanzado en cuando al diseño web.

Multilenguaje y variedad de temas:

Cambiar el lenguaje de un tema es tan sencillo, como bajar un archivo de 4 kb, subirlo al hosting, ya con eso es suficiente para modificarlo. También al ser temas con solo bajar un tema e instalarlos todos los contenidos de la página se actualizan en función el nuevo tema.

Fácil instalación:

Instalarlo es una cuestión de mover archivos, hosting y hacer algunos clics, en algunos hosting como Godaddy es aún mas fácil como llenar un formulario.

Aunque no todo es bello en WP una de sus principales desventajas es que inicialmente no es amigable con el SEO. Algo que parece incoherente, ¿Como el 20% de las páginas usan un sistema que no es amigable al SEO?, hay que recordar que todas las páginas no lo son a menos que estén correctamente programadas. Con unas sencillas modificaciones directo al código o mediante plugins se elimina esta desventaja, cosa que muchos usuarios desconoce por lo que puede ser la razón de que sitio Web no este bien indexado, consulta un experto en SEO para corregirlo.

Como pueden ver WordPress resulta ser una de las mejores opciones para la creación de páginas con uso de blogs, que a su vez es una de las principales herramientas en el SEO, así que no temas usarlo.

Diseñador nativo Culiacán radicado en Guadalajara. Orgullosamente egresado del Iteso, especialista en diseño web, SEO, programación. En sus ratos libres disque dibuja, lee, juega futbol y ve la premier league
Sigueme y dame like.

Como mejorar la seguridad de tu sitio web

seguridad-para-tu-sitio-web

Si llevo mucho sin escribir pero han sido circunstancias del trabajo, de hecho esta entrada será en base a una de esas circunstancias del trabajo.

Hace poco una de las páginas que manejo fue atacada por Malware, ya que aunque había dicho que necesitábamos mas protección pero como nunca había recibido un ataque, no les preocupaba pero como actualmente ya había mejorado en el SEO ya las páginas empezaban a tener mejor posicionamiento empezaron los ataques, ahora ya se tomaron las medidas y se corrigió esto, pero les comparto algunas medidas para mejorar su seguridad tanto en WordPress como si es una página en html.

Contratar un buen Hospedaje o Hosting:

En mi antiguo trabajo uno de los sitios también fue atacado pero era por problemas de hosting que no tomaba buenas medidas de seguridad. no te vayas por lo barato, investiga bien como protege he incluso su reputación en internet.

Dar de alta en webmaster tool, usar sitemap y archivo robos.txt:

No solo estas tres cosas son necesarias para el SEO si no que un buen uso de ellos ayuda a proteger tu sitio. Al estar dado de alta en Webmaster tools, puedes ver si hay algún rediccionamiento raro, si se indexaron página que no debes, la cantidad de errores 404, si empieza a ver muchos de estos errores es hora de revisar el sitio, de hecho así fue como me di cuenta del ataque, se empezaron a tener muchas urls que no eran, buscando me encontré con una carpeta que jamas cree. El sitemap sirve para guiar como ya sabemos los robots de google y así no indexen nada que no debes, igual el archivo robots que ya no es realmente necesario para indexar si usar la meta índex,follow es mas para evitar que se vean cosas que no debes como carpetas viejas, que guardes si usar WordPress recomiendo que bloques las siguientes carpetas

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/

Usar el htaccess para protegerte:

El htaccess es muy archivo muy versátil que te sirve muchas cosas como hacer urls limpias, pero también para la protección. Muchos malware lo que hacen es buscar la vulnerabilidad buscando varios rutas, si rediccionas estos a travez de .htaccess no podrán entrar. También si usas protege tu archivo wp-config.php que si recuerdas ahí hay información clave de tu WP, se puede hacer solo agregando estas lineas:

<files wp-config.php>
order allow,deny
deny from all
</files>

Si usas html, recuerda bloquear tus carpetas, esto evitara que vean como esta hecha tu página.

# Navegación de directorios
Options All -Indexes

Ya que estamos en esas tambien crea reedirección para el 404 poniendo este código

ErrorDocument 404 / nombre-de-documento-404.html

Si solo te conectas desde tu trabajo o desde una IP fija puedes agregar esta protección en la carpeta wp-admin:

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName "Wordpress Admin Access Control"
AuthType Basic
<LIMIT GET>
order deny,allow
deny from all
allow from xx.xx.xx.xx (poner tu IP aqui puedes revisarla aquí
</LIMIT>

Cambiar el nombre, NUNCA USAR ADMIN:

Aunque el mismo Wordprees dice que no usar el usuario default Admin mucha gente (mas si administra muchas páginas) tienden a usarlo por facilidad, pero eso lo hace mucho mas vulnerable a los ataques, ya que como no hay un limite de intentos un malware puede atacar incansablemente una misma página hasta que entra.

Instalar plugin de seguridad:

Hay varios plugin que te puede servir yo uso iThemes Security, con este plugin puedes cambiar tu usuario de Admin, limitar tu intentos de acceso e incluso bloquear permanente la IP si tratas de estar con Admin y ya lo cambiaste. Así como respaldar la base de datos, ya que hablamos de eso…

Respaldar tu página y base de datos periódicamente:

Si usas WordPress hay varios plugins que te respaldan tu base de datos automáticamente, asi que si por asares del destino eres atacado y tienes que restaurar tu sitio, te será muy sencillo volver, eso igual con las páginas trata de tener un respaldo de tu sitio.

Mantener actualizado tus plugins:

La mayoría de las actualizaciones de WordPress son por seguridad, así que trata de mantenerlas al día y borra las que no uses, ya que si esta instalada y no la actualizas se puede entrar por ahí atacar tu sitio, ademas de que un plugin aunque no este activo te anda robando recursos de tu sitio así que si no lo usas no tiene caso mantenerlo.

Con esto tu sitio estar protegido ante ataques, esto no garantiza que nunca sea atacada, pero ya estarás protegido ante ataques pequeños/medianos.

Diseñador nativo Culiacán radicado en Guadalajara. Orgullosamente egresado del Iteso, especialista en diseño web, SEO, programación. En sus ratos libres disque dibuja, lee, juega futbol y ve la premier league
Sigueme y dame like.

¿No tener errores en el validator ayuda en el SEO?

¿Importa no tener errores en el validator para el SEO?

Hace no mucho hable de esto en estos dos temas, pero ahora hablare profunda del asunto. La respuesta corta es no, pero la verdadera es es un tal vez.

Para lo que no tenga idea de lo que hablo puedes ver los errores de tu página aquí:

http://validator.w3.org/

Validator es es un servicio gratuito hospiciano por HP con la finalidad de darle un estándar al html. Html es un código tan mal hecho (o bien hecho desacuerdo a la perspectiva) que permite tener errores pero que puede funcionar sin problemas la página, así que durante años vimos hacer lo que se les antojara, pero con el crecimiento del internet y los navegadores se dieron cuenta que esto iba causar problemas a la larga mas que ya no hay un solo navegador como antes ahora existen Chrome, Firefox, Opera, Safari y el horrible Internet explorer, que dependiendo como este tu código se vera diferente en cada navegador o en el peor de los casos ni siquiera se va mostrar. Al validar tu página garantiza que al menos se podrá visualizar tu página sin problemas independientemente de cual sea tu navegador (a menos que sea explorer nada se ve bien ahí…).

¿Entonces sirve de algo validar?

Si, ya que te ayuda como guía saber que código ya esta descontentada y así actualizarte (si validas trata de hacerlo en html 4, 5 o xhtml) pero no realmente no afectara tu SEO o mejorara el rendimientos de tu página(aqui influye mas la estructura de la misma). A menos que lo hagas bien, por ejemplo: hay un error que yo corregí pero no de la forma adecuada y es en las imágenes (me encanta hablar de las imágenes).

Todas las imágenes tiene que tener la etiqueta alt(también la title si quieres mejorar el SEO) pero con solo poner «alt=“”» ya no te marca como error, pero si has leído antes, sabrás que poner la etiqueta alt sin una palabra referente a las keywords no servirá de nada.

Asi que si es bueno que de vez en cuando revises tu sitio para ver cuantas errores tengas pero no lo tomes como una obligación que tienes que hacer siempre al hacer un nuevo sitio web.

Diseñador nativo Culiacán radicado en Guadalajara. Orgullosamente egresado del Iteso, especialista en diseño web, SEO, programación. En sus ratos libres disque dibuja, lee, juega futbol y ve la premier league
Sigueme y dame like.

¿Como revisar los cambios en tu SEO?

Ya contraste una empresa para mejorar tu SEO ¿que puedes hacer para revisarlo?

Esto fue uno de los mas grandes inconvenientes que note de los cliente que no veían una forma de revisar que se estuviera haciendo su posicionamiento, le decíamos que se habían hecho las cosa pero no tenían ni idea de lo que hablamos o no nos creía. Revisar el trabajo es muy sencillo, solo tienes que hacer clic derecho, seleccionar ver código fuente, hacer clic, esto te mandara al código de la página el corazón de una sitio, ahora presiona control+F para entrar al modo búsqueda y verificar los siguientes datos.

Etiqueta <title>:

Keywords o palabras claves, son las palabras a posicionar. La etiqueta title debe contener forzosamente la palabra clave, es importante que no sobrepase los 65 caracteres por que si no se vera cortado cuando la busque en Google.

Por ejemplo:

Si tu empresa se llama Panadería la mejor y tu palabra posicionar es birote, podríamos hacer algo así:

<Title>Panadería la mejor, los mejores birotes de Guadalajara</title>

Este ejemplo es muy bueno ya que no solo estamos posicionamos dos keywords—Panadería y virote— y le demás un lugar Guadalajara, por si quieres posicionarte en una ciudad en especifico, ademas de que puse truco, la palabra panadería lleva acento aquí hay que revisar si tiene mas resultados sin acento para ver si conviene posicionarla con el error. De ahí que las palabras tienen que tener un estudio.

Etiqueta <meta name=“descripción”>:

Esta etiqueta debe contener una breve descripción de lo que se trata la página y ademas debe incluir la palabra clave, no debe sobrepasar los 155 caracteres ya que si tiene mas no se verán. Cuando lo busques en google es la descripción que aparecerá en tu página así que piensa con cuidado, por que es tu primer punto de venta.

Encabezados <h1>, <h2>, <h3>,

Ya los robots de google leyeron de cual es la palabra clave a posicionar, ahora toca ver como clasificarlo, se le da con estos encabezados, <h1> debe ser la palabra clave, <h2> la palabra clave pero como un subtitulo <h3> sería referente algún tema de la palabra clave, así desacuerdo al contenido del tema. Por ejemplo pondré el articulo este artículos:

<h1>¿Como revisar los cambios en tu SEO?</h1>

<h2>Ya contraste una empresa para mejorar tu SEO ¿que puedes hacer para revisarlo?</h2>

<h3>Etiqueta title</h3>

<h3>Etiqueta descripcion</h3>

<h3>Encabezados</h3>

Aquí lo que hace es ver que es un articulo de SEO, lo enfatizamos repitiendo el h1, en el h2, en el h3 se puso referente al tema ya no la palabra, así los robots sabe que se esta hablando de posicionar páginas ayuda a clasificar el mejor el contenido. Se pueden repetir los encabezados, no es necesario que tenga todos pero si mínimamente tiene que tener el h1, para identificar rapidamente el tema.

Contenido:

Esto lo mas sencillo de ver no es necesario ver el código fuente, con solo ver el contenido en la página y ver que contenga la palabras claves y derivados de esta. Ya que actualmente google quiere que los contenidos sean para humanos no para robots, asi que ver tu palabra clave repetida muchas veces puede ser contraproducente ya que puede castigarte al tomarlo con SPAM es recomendable que solo contenga 3 veces, pero si es un texto muy largo puede ponerla mas veces solo no abuses. El contenido debe ser de un mínimo de 400 palabras (no caracteres) es lo recomendado.

Imágenes contenga la etiqueta alt y title:

Las imágenes son muy importantes no me canso de hablar de ellas, busca lo siguiente <img, revisa que tengan esta etiquetas alt=“” y title=“” que digan la palabra clave(o derivados), si no tiene los robots no identifica de que son las imágenes son referente al tema, no te ayudarán.

Otro punto para ver sería el sitemap que hable el otro día pero ahí ya dije como revisarlo.

Puede dar algo de miedo por que veras código pero no te preocupes solo es ver que esta ahí, aquí esta lo que debes revisar en tu página—de preferencia antes para ver que se pusieron—. Si no notas ni uno de estos cambios por lo menos el primer mes recapacita si tu servicio de SEO es el adecuado, claro mientras que hubierán terminado todos los asuntos logísticos como palabras clave, acuerdo de pagos, los contenidos, etc.

Diseñador nativo Culiacán radicado en Guadalajara. Orgullosamente egresado del Iteso, especialista en diseño web, SEO, programación. En sus ratos libres disque dibuja, lee, juega futbol y ve la premier league
Sigueme y dame like.