Cómo añadir enlaces en una página web

cómo añadir enlaces en una página web

Uno de los principales diferenciadores entre los sitios web y otras formas de medios de comunicación es la idea de “enlaces”, o hipervínculos, ya que son técnicamente conocidos en términos de diseño web.

Además de ayudar a hacer de la web lo que es hoy en día, los enlaces, así como las imágenes, son fácilmente los elementos más comunes en las páginas web. Por supuesto, estos elementos son fáciles de agregar (sólo dos etiquetas HTML básicas) y pueden aportar emoción e interactividad a lo que de otro modo sería páginas de texto sin formato.

En este artículo, aprenderá sobre la etiqueta (ancla), que es el uso del elemento HTML real para agregar enlaces a las páginas del sitio web.

Añadir enlaces
Un enlace se llama un ancla en HTML, por lo que la etiqueta para representarlo es la etiqueta A. Comúnmente, la gente simplemente se refiere a estas adiciones como “enlaces”, pero el ancla es lo que realmente se agrega a cualquier página.

Cuando agregas un enlace, debes apuntar a la dirección de la página web a la que quieres que vayan tus usuarios cuando hagan clic o toquen (si están en una pantalla táctil) ese enlace. Se especifica esto con el atributo.

El atributo href significa “referencia de hipertexto” y su propósito es dictar la URL a la que desea que vaya ese enlace específico. Sin esta información, un enlace es inútil – le diría al navegador que el usuario debe ser llevado a algún lugar, pero no tendría la información de destino disponible para donde ese “en algún lugar” debe ser. Esta etiqueta y este atributo van de la mano.

Por ejemplo, para crear un enlace de texto, escribe:

<a href=”URL de la página web para ir a”> Texto que será el vínculo </a>
Así que para vincular a la página de inicio de About.com Web / HTML, escribe:

<a href=”http://webdesign.about.com”> Acerca del diseño web y HTML </a>

Puede vincular casi cualquier cosa en su página HTML, incluidas las imágenes.

Simplemente rodea los elementos o elementos HTML que deseas que sean un vínculo con las etiquetas <a href=””> y </a>. También puede crear vínculos de marcador de posición dejando fuera el atributo href, pero sólo asegúrese de volver atrás y actualizar la información href más tarde o el enlace no hará nada cuando se accede.

HTML5 hace que sea válido para vincular elementos a nivel de bloque como párrafos y elementos DIV. Puede agregar una etiqueta de anclaje alrededor de un área mucho más grande, como una división o lista de definición, y ese área entera será “clicable”. Esto puede ser especialmente útil cuando se trata de crear zonas más grandes y sensibles al dedo en un sitio web.

ALGUNAS COSAS PARA RECORDAR CUANDO AÑADIR ENLACES
Se requiere la etiqueta final. Si olvida incluirlo, todo lo que siga a ese enlace también estará vinculado, hasta que otro enlace cierre la etiqueta.
La mayoría de las veces, es mejor vincular imágenes individuales y espacios cortos de texto, en lugar de grandes bloques de texto. Los enlaces pueden agregar colores y subrayar estilos a su página que pueden ser difíciles de leer. Por supuesto, puede utilizar CSS para cambiar estos estilos de enlaces y editar colores o eliminar subrayados, pero todavía es bueno tener en cuenta esta realidad.
Asegúrese de revisar tus enlaces para que no se redirijan mal. Un enlace roto puede hacer que los usuarios y los motores de búsqueda consideren que su sitio no es válido. Utiliza un comprobador de vínculos con regularidad para verificar los enlaces en sus páginas. Esto es especialmente cierto cuando se vincula a sitios de terceros (los que no se manejan) y que pueden cambiar sus páginas en el tiempo, lo que le deja con los enlaces muertos. Un comprobador de enlaces encontrará estos enlaces muertos para que pueda realizar las actualizaciones necesarias.
Evite texto como “haga clic aquí” en su enlace. Recuerde que las personas con pantallas táctiles no pueden “hacer clic”, de modo que el texto se siente como un producto de una era pasada y realmente no es relevante en la Web centrada en múltiples dispositivos de hoy.

Encontrar el proveedor de hosting adecuado para tu web

proveedor de hosting

Hay una gran cantidad de empresas que ofrecen este servicio, pero no todos los servicios de alojamiento web se crean por igual y necesita asegurarte de hacer la elección correcta de proveedor de hosting para tus necesidades específicas.

Echemos un vistazo a 6 preguntas que debes hacer cuando estás comprando y elegiendo un proveedor de hosting:

1. ¿Cuál es el coste?

Probablemente la pregunta más obvia es lo que esta empresa cobra por los servicios de alojamiento web.
Encontrarás una amplia gama de precios por ahí, de forma gratuita a unos pocos dólares a incluso cientos de dólares por mes, dependiendo de la naturaleza del servicio. Mientras que un costo bajo no necesariamente coincide con un servicio menor (ni un costo más caro significa una solución mejor), los planes de super-bajo costo son típicamente para servicios muy básicos. Pregunte a la pregunta de precios para asegurarse de que el costo se ajusta a su presupuesto general, pero luego siga esa pregunta con las otras preguntas a continuación para saber lo que obtienes por ese costo mensual.

2. ¿Es compatible con tu CMS?

Este es un factor muy importante a considerar. Es posible que algunas plataformas de alojamiento no cumplan los requisitos técnicos de la plataforma que utilizará tu sitio. Por ejemplo, un CMS como WordPress es muy popular y apoyado por muchos proveedores de hosting.

La plataforma menos popular como ExpressionEngine, que es el CMS que prefiero, no goza de un apoyo tan generalizado de las empresas de alojamiento – y los servicios de bajo costo no pueden admitir ninguna opción de CMS en absoluto.

Por eso, necesitas estar seguro que el Web site que desarrollas funcionará suavemente y trabajará según lo planeado con el CMS que decidas, de lo contrario tendrás una sorpresa desagradable una vez que intentes lanzar este nuevo sitio web.

3. ¿Cómo es el soporte técnico?

De vez en cuando, necesitarás conectar con tu equipo de hosting para que ellos respondan algunas preguntas o ayuden a resolver un problema. Es por eso que es importante que entiendas cómo se ve la estructura de soporte de esta empresa.

Si hay un problema con el servicio de alojamiento de tu sitio, ¿a quién llamarías? ¿Cuál es el tiempo de respuesta para las solicitudes de servicio y cuánto es el coste extra de asistencia? Debes tener una comprensión clara de los procedimientos de servicio al cliente y soporte de un proveedor antes de decidir trabajar con esta empresa.

4. ¿Hay límites de banda ancha?

Muchos planes de alojamiento permiten una cierta cantidad de datos que se transmitirán cada mes. Los recursos que componen su sitio web (archivos de imagen, documentos HTML, hojas de estilo CSS, archivos multimedia, etc.) comerán en el ancho de banda que se te permite usar. Si envías archivos grandes o si tu sitio recibe un montón de visitantes cada día, este ancho de banda se consumirá más rápidamente. Para ello, debes asegurarte de que tu plan te permitirá la cantidad de datos de transferencia que necesitará cada mes.

5. ¿Qué sucede si la anchura de banda se excede?

Como segunda parte de la pregunta de ancho de banda, deberás saber qué pasa si superas tu límite.
Digamos que tiene un mes en el que una gran promoción o hits o su empresa escribe una entrada en el blog o un artículo que se vuelve viral. Esto podría hacer que los números de tráfico pico y su límite de ancho de banda puede alcanzarse muy rápidamente. Quieres estar seguro de que tu proveedor de alojamiento no desactivará tu sitio web si esto sucede (sí, algunas empresas realmente hacen esto).

Busca un servicio que perdonará un overage si esto sucede sólo durante 1 mes o, en el peor de los casos, le colisiona hasta el siguiente nivel de precios / cuenta si ocurre este exceso.

6. ¿Cómo es de fiable el servicio?

Hablando del sitio que está disponible, la pregunta final que querrás preguntarte alrededor es cuáles son los números uptime de una compañía. Su sitio no será mucho de un éxito si la gente no puede llegar a él, y si su proveedor de alojamiento tiene un corte de luz, su sitio será demasiado abajo.

Hay empresas que anuncian el 100% de tiempo de actividad. Esto es un truco o, si es cierto, pagarás extra por ese nivel de servicio.

Los sitios web que son críticos para la seguridad pública pueden necesitar un 100% de tiempo de actividad, pero para la mayoría de nosotros es aceptable una interrupción. Sólo asegúratee de que cualquier empresa de alojamiento que estés considerando tiene un buen historial general de actividad y que cualquier interrupción es una rareza y no una regularidad.

Cómo crear una página web en sencillos pasos

Cómo crear una página web

La construcción de tu propio sitio web puede sonar como una tarea desalentadora, especialmente si no tienes ninguna experiencia previa de diseño web. Si bien es cierto que, si necesitas un sitio muy grande o complejo, sin duda querrás trabajar con un profesional de la web experimentado, pero la realidad es que para muchos sitios más pequeños y básicos, ¡puedes ser capaz de saber cómo crear una página web tu mismo!

Estos siete pasos te ayudarán a guiarte para cómo crear una página web.

PASO 1: Alojar tu sitio

El alojamiento web es como un alquiler para su sitio web, incluyendo las páginas, imágenes, documentos y otros recursos necesarios para mostrar ese sitio. Alojamiento web utiliza un servidor web, que es donde se ponen los recursos de sitio web para que otros puedan acceder a través de la web. Podrás construir un sitio web totalmente funcional en tu ordenador personal, pero si deseas que otras personas puedan verlo, tendrás que usar un host web.
Hay varios tipos de opciones de alojamiento web que puedes elegir, y mientras que muchos nuevos diseñadores web gravitarán a web hosting gratuito, puede haber inconvenientes significativos a los servicios sin costo, incluyendo:

  • Es posible que obtenga menos espacio en el servidor donde se almacenarán sus páginas. Dependiendo del tamaño de su sitio y los recursos que necesita (vídeo, audio, imágenes, etc), ese espacio de almacenamiento puede no ser suficiente.
  • Es posible que tenga que publicar anuncios en su sitio.
  • Puede haber límites de ancho de banda que podrían ser demasiado restrictivos si obtiene mucho tráfico. En algunos casos, si excede su límite mensual, puede incluso desactivar su sitio.
  • A veces hay limitaciones en los tipos de contenido que puede poner en un proveedor de alojamiento gratuito. Por ejemplo, algunos no permiten sitios web de comercio electrónico.
  • Algunos proveedores de alojamiento gratuito se unen a las tarifas de mantenimiento y renovación de sus cuentas “gratuitas”.

Asegúrate de leer toda la letra pequeña antes de poner su sitio web en cualquier host.

Proveedores de alojamiento gratuito puede llegar a ser lo suficientemente bueno para las páginas web de prueba o para muy básicos, sitios web personales, pero para los sitios más profesionales, debe esperar a pagar por lo menos una tarifa nominal para ese servicio.

PASO 2: Registrar un nombre de dominio

Un nombre de dominio es una URL amigable que las personas pueden escribir en su navegador para llegar a su sitio web. Algunos ejemplos de nombres de dominio incluyen:

  • Webdesign.about.com
  • Whitehouse.gov
  • Pumpkin-king.com

Un nombre de dominio proporciona una marca valiosa para su sitio y facilita que la gente recuerde cómo llegar a ella.

Los nombres de dominio suelen costar entre $ 8 y $ 35 al año y pueden registrarse en varios sitios en línea. En muchos casos, puede obtener el registro de nombres de dominio y los servicios de alojamiento web del mismo proveedor, lo que facilita su uso ya que estos servicios están ahora contenidos en una sola cuenta.

PASO 3: Planear tu sitio web

Al planificar su sitio web, tendrás que tomar una serie de decisiones importantes:

  • El tipo de sitio que necesitas. Se trata de una noticia o sitio informativo, un sitio para una empresa o servicio, un sitio sin fines de lucro o causado, una tienda de comercio electrónico, etc Cada uno de estos tipos de sitio tiene un enfoque ligeramente diferente que influirá en su diseño.
  • Diseño de navegación: la forma en que los usuarios se moverán alrededor de tu sitio afecta a su arquitectura de información, así como a la usabilidad general de ese sitio. Planea hacia fuera las páginas de un sitio, crea un sitemap, y desarrolla una estructura de navegación.
  • Contenido: Como dice el refrán, “el contenido es rey” en línea. La calidad del contenido de tu sitio jugará un papel importante en tu éxito. El contenido es todo lo que contienen sus páginas, como texto, imágenes, vídeo y más. Antes de comenzar a diseñar o crear páginas, debe tener una estrategia clara para el contenido que contengan esas páginas.

PASO 4: Diseño y construcción de tu sitio web

Esta es fácilmente la parte más compleja del proceso de creación de páginas web y hay una serie de temas a tener en cuenta en esta etapa, entre ellos:

  • Conceptos básicos de diseño: Los elementos de un diseño bueno y apropiado y cómo usarlos en sitios web.
  • Aprendizaje HTML: HyperText Markup Language o HTML son los bloques de construcción de una página web. Si bien hay muchas plataformas por ahí que codifican HTML de una página, lo hará mejor y tendrá mucha más flexibilidad y control si aprendes los conceptos básicos de HTML.
  • Aprendizaje de CSS: Las hojas de estilo en cascada dictan la apariencia de las páginas web. Aprender CSS le ayudará a cambiar la apariencia visual de un sitio para que coincida con las necesidades de diseño de un proyecto.
  • Editores de Páginas Web: Diferentes editores le permitirán realizar diferentes cosas. HTML y CSS se pueden escribir en editores de texto simples, como el Bloc de notas, o pueden utilizar software como Adobe Dreamweaver para obtener alguna ayuda con las páginas que está creando. También puede decidir utilizar un sistema de gestión de contenido para crear y alimentar su sitio web.

Paso 5: Publicar tu sitio web

Publicación de tu sitio web es una cuestión de obtener las páginas que creaste en el paso 4 hasta el proveedor de alojamiento que configuraste en el paso 1.

Puede hacerlo con las herramientas propietarias que vienen con su servicio de alojamiento o con un software FTP (File Transfer Protocol) estándar. Saber que puedes utilizar depende de tu proveedor de alojamiento, pero la mayoría de los proveedores deben tener soporte para FTP estándar.

Ponte en contacto con el proveedor de alojamiento si no está seguro de lo que hacen, y no lo hacen, el apoyo

Paso 6: Promover tu sitio web

Una de las maneras más deseables de promover su Web site es con la optimización del Search Engine o SEO. Esto se debe a que permite que su sitio sea encontrado por personas que buscan la información, servicios o productos que ofrece su sitio.

Querrás construir tu contenido web para que sea atractivo para los motores de búsqueda. Además, querrás asegurarte de que su sitio en su totalidad se ajuste a las mejores prácticas de los motores de búsqueda.

Otras maneras de promover su sitio incluyen: palabra de la boca, usando la comercialización del email, medios sociales, y formas más tradicionales de la publicidad.

Paso 7: Mantenimiento de tu sitio web

El mantenimiento puede ser la parte más tediosa del diseño del sitio web, pero para mantener su sitio funcionando bien y verse bien, necesita atención y mantenimiento regulares.

Es importante probar tu sitio mientras lo está construyendo, y luego de nuevo después de que ha estado vivo durante un tiempo. Los nuevos dispositivos se actualizan en el mercado todo el tiempo y los navegadores están siempre actualizando con nuevos estándares y características, por lo que las pruebas regulares asegurarán que su sitio continúe funcionando como se esperaba para esos diferentes dispositivos y navegadores.

Además de las pruebas regulares, debes producir nuevos contenidos sobre una base regular. No se limite a apuntar a “más” contenido, sino que se esfuerza por crear contenido único, oportuno y relevante para el público al que desea atraer.