¿Qué debes tener en tu página web?

Cuando creas un sitio web recuerda SIEMPRE pensar en el visitante.

¿Qué quieres que vea? -> ¿Qué le interesa ver al visitante?

¿Cómo quieres que lo vea? -> Al público que enfocarás tu sitio web ¿cómo le beneficiaría la navegación?

Existen elementos que no deben de faltar en tu páginas web, en nuestro punto de vista, los principales son los siguientes:

SECCIONES

1. Página de inicio (index). Esta página es de las más importantes pues la mayoría de las visitas aquí iniciaran a ver todo nuestro site, si no les interesa lo que está en este sitio podrá afectar en que continúen o no con la navegación de nuestro portal.
En esta página podemos poner imágenes y texto con lo más importante de nuestro sitio, un título pequeño en seguida una o dos líneas con información adicional y al final una imagen que enriquezca el contenido; y por último un enlace al sitio en donde tenemos toda la información de lo que estamos anunciando.
También podemos poner en esta sección una noticia importante acerca de lo que trata tu sitio web.

Aprovecha este espacio para hacer promociones y ofertas.

2. Acerca de ti o de tu empresa. ¿Quién eres?, ¿a qué te dedicas?, ¿quién es tu equipo?, cuando se visita un sitio web para hacer una compra y no estamos muy familiarizados con la empresa, dudamos mucho acerca de continuar o visitar más empresas, es por ello que debemos decirles a los visitantes los beneficios de nuestros servicios, nuestros certificados, logros, testimoniales, quiénes son algunos de nuestros clientes y la mayos información que podamos ofrecer.

3. Productos y/o servicios. Muestra tus productos con imágenes, las características de cada uno de ellos, dales el espacio necesario ya que las personas que entran a buscar información necesitan revisar cada detalle antes de tomar la decisión de adquirirlo. En la sección de la tienda virtual puedes solamente poner una introducción y lo más importante del producto de ahí enlazarlo a esta sección para complementar la información brindada.
Informa al cliente del fabricante, garantías, uso, cuidados, todo lo que quizá tu competencia no ofrece.

4. Medio de contacto. Ofrece a tus visitantes diversos medios de contactarte, desde un sencillo formulario en donde ingreses sus datos básicos y su mensaje y te lleguen a un correo electrónico como un timeline de lo que sucede en tus redes sociales, así estarán en contacto en tiempo real y si te es posible ofrece tu correo electrónico y tus teléfonos al inicio de tu sitio web.

5. Blog. Debes ofrecerle al visitante algo por el cual ir a tu página cada cierto tiempo y esto es muy bueno si lo tienes y lo alimentas seguido con información útil de tus productos y lo relacionado al medio en que se desarrolla, si tienes una tienda de aparatos electrónicos, puedes mostrar las novedad aunque aún no las tengas  ala venta, así los clientes podrán ir viendo que estás innovando en tus productos y sabrán el día que los tengas. Desde este blog estará toda la información y de aquí se distribuye a través de las redes sociales.

6. Secciones de confianza. Posiciona a simple vista los archivos de privacidad, políticas de cancelaciones, garantías y documentación que necesiten tus productos para darle seguridad a tus clientes.

7. Secciones de confianza. Posiciona a simple vista los archivos de privacidad, políticas de cancelaciones, garantías y documentación que necesiten tus productos para darle seguridad a tus clientes.

8. Mapa de sitio. Existen herramientas gratuitas que te crean mapas de sitio en línea y te generan archivos que puedes subir a google, yahoo, bing y buscadores para que los indexen de manera automática sin embargo, es mejor crear un mapa de sitio visual para que el visitante pueda ir directamente a donde quiera, los buscadores encuentren y sepan en qué parte de tu sitio tienes la información importante (a través de los títulos).

DISEÑO Y USABILIDAD

9. Limpieza en el diseño. Intenta que tu sitio solo muestre lo que el visitante querrá ver o estás interesado en que vean, evita incluir información de otros temas para no distraer la atención del visitante.

10. Navegación. Piensa en el visitante antes que en cualquier otra cosa, ¿cómo buscan la información normalmente? ¿qué sería lo primero que quisieran ver?, después cómo le gustaría verlo y toda la información muéstrala con ese enfoque. Dejando siempre una navegación sencilla evitando que el usuario se pierda, si es posible puedes mostrar el “path” desde el inicio hasta cómo llegó a esa sección, así podrá regresarse por ese mismo path.

11. Contenido importante. Generar tu propio contenido es mejor que copiar de otros lugares, puedes tomar información o basarte de otros sitios sin embargo, siempre se debe ser auténtico, si crees que es importante la información de otros sitios hay que ofrecer el derecho de autor y poner el enlace del mismo en tu página web, te da más credibilidad.

12. Presentación. Ofrece las imágenes bien realizadas, además de siempre agregar las cuestiones técnicas como “alt”, “title” ya que debes de recordar que los buscadores aún no leen imágenes. También debes de ofrecer el mismo porcentaje de imágenes que de texto para que los buscadores puedan relacionar tu sitio con las búsquedas que los visitantes realizan a través de ellos.

13. Buscador. Si tienes mucha información en tu sitio web ahí también debes de ofrecer la herramienta de buscador, como es en el blog, por ello recomendamos que la información importante se almacene en la sección del blog.

14. Favicon. El tener un pequeño detalle como el favicon ayudará mucho a que el sitio se vea más profesional, para mayor información visita el enlace en donde hablamos de él: Favicon

15. Metatags. Es la forma en que podemos decirle a los buscadores qué tenemos en nuestro sitio web. Visita el post ¿Qué son las metatags y para qué sirven?

Este post lo estaremos continuamente actualizando para agregarle más detalles que veamos que son importantes al realizar tu página web

 

No olvides visitar nuestra página web: www.sofyhost.com

Favicon

¿Qué es un favicon?

Su nombre se refiere a “favorites icon” (íconos de favoritos) esto ya que es el ícono que aparece a un lado del nombre del sitio al momento de guardarlo en “mis favoritos” (windows)

favicons Favicon

favicon

Otro uso es en las pestañas del navegador, aparece del lado izquierdo del nombre del sitio

browser Favicon

browser

¿Qué beneficio tengo al usarlo?

Esto ayuda en la imagen de la empresa, ya que el usuario puede ir identificando con el tiempo el logotipo de su marca, así podrá utilizarlo en diversos elementos, sitio web, tarjetas de presentación, etc. Cuando el usuario vea dicho ícono será más fácil que pueda asociarlo con sus productos.

¿Cuáles son sus características?

Algunos navegadores solo permiten la extensión .ico, otros sin embargo, están comenzando a permitir el .jpg, .bmp, .png, pero por cuestiones de compatibilidad se recomienda el uso del .ico

Las dimensiones permitidas son 16px de alto por 16 px de ancho, sin embargo también son usadas 32px de alto por 32px de ancho.

Generadores de favicon

Pueden ser generados a través de software como photoshop o incluso paint (windows) respetando las características anteriormente mencionadas.

Existen generadores en línea como los siguientes:

Favicon cc
Gen Favicon
Favicon co

Entre muchos más.

Uso en HTML

Para integrarlo a nuestro sitio, el archivo deberá estar en una carpeta del servidor alojado, ya sea en donde se tienen las imágenes o en el root del sitio y solo hacer un enlace hacia él.

En el código HTML del sitio, en donde se encuentran los metatags (de los cuales ya platicamos en nuestro post “¿Qué son las metatags y para qué sirven?“) entre las etiquetas <head></head> ponemos la siguiente etiqueta:

<link rel=”shortcut icon” href=”favicon.ico”>

En este caso el archivo se encuentra en el root, si lo tuviéramos en la carpeta de imágenes llamada “img” la etiqueta se vería así:

<link rel=”shortcut icon” href=”img/favicon.ico”>

 

No olvides visitar nuestro sitio web www.sofyhost.com

¿Qué son las metatags y para qué sirven?

¿Qué son las metatags?

Son etiquetas que se encuentran en el código HTML de un sitio web, para un visitante no son visibles a menos que vea el código fuente de dicha página, estas etiquetas son escritas para los buscadores como Google.

meta tags ¿Qué son las metatags y para qué sirven?

Metatags

¿Para qué sirven las metatags?
Ayudan a que el buscador identifique el contenido de tu sitio de una manera más eficiente y así te pueda ubicar en su lista de resultados.

¿Cuál es la sintaxis o cómo se usan las metatags?
Se usan de la siguiente manera:
<meta name=”” content=””>

name: Es el tipo de etiqueda que estamos escribiendo
content: Será el valor que le demos a dicha etiqueta

¿Cuáles son las metatags más usadas?
Las mínimas que debemos de utilizar para que le facilitemos el trabajo a los buscadores y así aparezcamos de manera más rápida en los resultados de ellos son:

Autor: Quién es el autor de la página web
<meta name=”author” content=”SofyHost”>

Description: De qué se trata la página web
<meta name=”description” content=”Empresa mexicana que cuenta con servicios de Registro de dominios, Hosting, Desarrollo de páginas web”>

Robots. Le indicamos a los robots de búsqueda cómo deben de indexar el sitio
<meta name=”robots” content=”nofollow” />

Keywords: Palabras clave que identifiquen el contenido de tu página web
<meta name=”keywords” content=”hosting, dominios, página web, diseño web”>

Anteriormente esta etiqueta era muy utilizada por los buscadores y basaban sus resultado en ella, sin embargo por el mal uso que se le ha dado, ya no le toman tanta importancia como antes, ahora se basan más en el contenido del sitio, sin embargo es de muy buena práctica el uso de esta etiqueta.

No es tanto una metatag pero sí de gran ayuda para el posicionamiento, de esta etiqueta hablamos en nuestro post “Direcciones o URL Canónicas“, ingresa para saber más de ella
<link rel=”canonical” href=”www.sofyhost.com/index.php” />

Otros tipos de Metatags

Existen otras metatags con otros fines como:
Google. Traducción de páginas o mandarle información al buscador Google
<meta name=”google” content=”notranslate” />

Google site verification. Es un código que google les da a los usuarios para verificar que el sitio les pertenece y así poder ofrecerles más herramientas para su mejora
<meta name=”google-site-verification” content=”xxxxxxxxxxxxx” />

Refresh. Para redireccionar al usuario a algún sitio
<meta http-equiv=”refresh” content=”30;url=http://www.sofyhost.com/blog/” />

Rating. Qué tipo de sitio es
<meta name=”rating” content=”safe for kids” />

Existen muchas más etiquetas que se pueden agregar solo debemos asegurarnos que las estamos usando de manera correcta

Visita nuestro sitio www.sofyhost.com

¿Qué son y para qué sirven las palabras clave (KeyWords)?

¿Qué son y para qué sirven las palabras clave (KeyWords)?

Se conocen como palabras clave, keywords son los términos que las personas al ingresar a un buscador como Google teclean para hacer su búsqueda.

palabrasclave ¿Qué son y para qué sirven las palabras clave (KeyWords)?

Palabras Clave

En la imagen anterior se tecleó “almohadas hoteleras” en el navegador, de aquí surge otro término, “Key phrases”.

Las palabras clave que se usaron fueron:
almohadas
hoteleras

La Keyphrase usada fue:
almohadas hoteleras

keywords ¿Qué son y para qué sirven las palabras clave (KeyWords)?

keywords

Seleccionar palabras clave

Es muy importante elegir las palabras clave adecuadas para el “landing page” o página en donde el usuario caerá al hacer click en el anuncio mostrado como resultado.

Google (usaremos de base este buscador ya que en la actualidad es el más conocido y utilizado) toma muy en serio la selección de palabras clave (además de otros criterios), en nuestro sitio no debemos de repetir de manera exagerada las palabras que elegimos como keywords, sino sobresaltarlas, ¿cómo lo hacemos? poniendo dichas palabras con la etiqueta <strong> o usando encabezados <h1>, <h2>, <h3>, etc. Además que la palabra clave de nuestro anuncio (si es que se está pagando como en Google Adwords) sean congruentes con las que se encuentran en nuestro landing page.

Existen herramientas que te ayudan a elegir las palabras clave o sinónimo de ellas como
Herramienta de palabras clave de Google

La cuál hemos hablado de ella en el enlace siguiente:
Herramienta de palabras clave de Google

También podemos basarnos en las búsquedas que han hecho últimamente los visitantes en google, esto se llama “Tendencias” y gracias a la herramienta de Google Trends de la que hablamos en el post Google Trends podemos explotar esta opción.

Recuerda elegir únicamente las palabras clave que tengan relación con el sitio al que estés enlazando, en lugar de elegir muchas palabras y atraer a muchas personas a tu sitio que al no encontrar lo que están buscando saldrán inmediatamente y Google te penalizará la posición por ello, utiliza pocas palabras haciendo énfasis únicamente en el contenido de tu página destino, así las personas que den click serán las que en realidad están interesadas en él.

Análisis de palabras clave

Una vez que las personas estén entrando a tu sitio no olvides monitorear la actividad del mismo, gracias a herramientas como Google Analytics puedes saber qué palabras clave atrajeron a los visitantes de tu sitio

Así puedes ver si las palabras clave que elegiste son correctas o si están entrando por otra palabras que no habías elegido e iniciar a mejorar la selección de dichas palabras.

Para más información del “planificador de palabras clave de google” visita este enlace
https://support.google.com/adwords/answer/3141229

 

Direcciones o URLs canónicas

Las URLs canónicas se usan para evitar duplicar la información de un sitio, ejemplo

Si tecleamos http://www.sofyhost.com nos mostrará la misma información que si ingresamos http//sofyhost.com a simple vista la única diferencia es teclear o no el “www” sin embargo para google son 2 direcciones diferentes que muestra lo mismo, ya que Google busca darle al usuario la mejor opción nos “castiga” bajando nuestro posicionamiento web, para ello existen 2 opciones muy sencillas para evitar este problema.

Opción 1 – Panel de Control

1. Ingresamos a nuestro panel de control www.sudominio.com/cpanel en nuestro caso www.sofyhost.com/cpanel

 

cpanel 300x186 Direcciones o URLs canónicas

cpanel

2. Insertamos nuestro usuario y contraseña y aparecerá la pantalla de opciones

3. Vamos a irnos a la sección de “dominios”

dominios 300x64 Direcciones o URLs canónicas

dominios

Seleccionamos la opción de “Redirects”

redirects Direcciones o URLs canónicas

redirects

4. Nos aparecerá la siguiente pantalla

opciones Direcciones o URLs canónicas

Opciones Redirecciones

Haremos las siguientes elecciones

a) Type: Permanent (301)
b) http://(www.)? [sudominio.com] en nuestro caso:

http://(www.)? sofyhost.com

c) redirects to→ http://[www.sudominio.com] en nuestro caso:
redirects to→ http://www.sofyhost.com
d) www. redirection: Do Not Redirect www. Seleccionamos la última opción (ya que si seleccionamos que también redireccione el www. podrá generar un bucle)
e) Damos click en el cuadro de “” (aparecerá la palomita o checkmark)
f) Damos click en el botón de “Add”

Con ello hemos generado el direccionamiento en el .htaccess desde el panel de control y lo veremos en el siguiente recuadro

finalRedireccion Direcciones o URLs canónicas

finalRedireccion

Ahí aparecerán todos las redirecciones que se tienen en su dominio, quizá en su caso solo sea 1.

Opción 2 – Metatag REL

a) En el código fuente de su página web ingresamos el “link” rel

Ejemplo: (en nuestro sitio www.sofyhost.com en la página index.php podríamos)
<link rel=”canonical” href=”http://www.sofyhost.com/index.php”/>

Ejemplo2: (en nuestro sitio www.sofyhost.com en la página dominios.php podríamos)
<link rel=”canonical” href=”http://www.sofyhost.com/dominios.php”/>

Esta línea deberá estar en todas las páginas que se desarrollen.

Esta es una alternativa a la opción 1 en caso de no poder hacer la modificación desde el panel del control del sitio

 

Visita nuestra página SofyHost.com