Anuncio

¿Dibujarías un dibujo sin tener un borrador a mano? ¿Pintarías una habitación sin pegar primero los bordes de las paredes? Bueno, entonces, ni siquiera pienses en bloguear sin comprender las siguientes 7 etiquetas HTML, que cualquier escritor en línea realmente debería saber.

Hay muchas situaciones en las que es posible que necesite modificar el formato de una entrada de blog o artículo en línea. Si es un autor independiente, tener la capacidad de entregar un artículo bien formateado utilizando nada más que un editor de texto y un código HTML es una habilidad excelente.

Para ser comercializable y flexible en línea, solo debe saber cómo formatear un artículo HTML completo o cómo modificar las cosas cuando incluso una herramienta de edición basada en la web no hace las cosas bien. Las siguientes son 7 etiquetas HTML críticas que siempre debe guardar en su bolsillo trasero, así como cuándo y por qué debe usarlas.

HTML no es solo para geeks

Hay muchas etiquetas HTML básicas, pero este artículo no pretende ser otro monótono introducción a HTML para escritores pobres que no tienen absolutamente ningún interés en aprender a codificar en la web páginas No, de lo que estamos hablando aquí es de formatear en la web. Para que un artículo se vea realmente bien, hay algunas reglas generales a seguir y algunas valiosas, consejos aprendidos que realmente desearía haber sabido cuando comencé a escribir para clientes en La web.

No digo eso a la ligera. Soy un programador de corazón, y cuando comencé a escribir en la web, podría haber codificado una página web desde cero sin realmente sudar. Aún así, tenía mucho que aprender cuando se trataba de usar HTML para formatear artículos. Hoy, me gustaría transmitir algunas de las lecciones que aprendí durante la última década a los aspirantes a nuevos escritores y bloggers en línea. Estos son los siete consejos de formato para los que vamos a ver las etiquetas: formato de cotización, colocación de imágenes, lista formateo, estructuración de encabezados, creación de énfasis en oraciones, colocación de anuncios no molestos y acreditación fuentes.

Encabezados: ¿quién los necesita?

A lo largo de los años, la etiqueta para cosas como las etiquetas de encabezado (

,

, etc ...) ha cambiado. Si bien el antiguo consejo de SEO para fluir encabezados de grande a pequeño en todo el artículo es cierto, existe un debate constante entre los editores sobre si es mejor usar el mismo tamaño de encabezado en todo momento, ya sea que cosas como el texto en negrita constituyan un subtítulo válido y todo tipo de otros tipos quisquillosos detalles. Olvida todo eso.

Todo lo que debe recordar es que los estudios muestran claramente que el patrón de ojos de los lectores en la web muestra un patrón claro en forma de F que debe aprovechar cuando está escribiendo.

En un estudio de seguimiento ocular realizado por el Nielsen Norman Group, los investigadores encontraron que en Internet, los lectores primero leen horizontalmente en la parte superior de la página un par de veces, y luego escanean el lado izquierdo de la página. Lo que revela este estudio es que los lectores usarán encabezados como una herramienta para identificar el contenido que es importante para ellos. Por lo tanto, si le importa proporcionar lo que quieren sus lectores, entonces si solicita encabezados de mayor a menor no importa tanto como llenar encabezados con palabras informativas que en realidad le dicen a los lectores de qué trata la sección y los ubican de manera uniforme a lo largo del artículo para organizarla bien.

Puede pensar que está siendo ingenioso y creativo con esos titulares, pero si no está describiendo la sección, realmente no le está haciendo ningún favor a nadie.

Citar o no citar

Sin duda, la mejor etiqueta inventada, en mi opinión, es la

etiqueta. La razón por la que me encanta es por el estilo genial que ofrece a los propietarios de blogs. Cualquiera sea el tema de WordPress o Blogger que use, las probabilidades son bastante buenas de que trate el

etiqueta de manera diferente. Cada diseñador de temas tiene su idea de lo que debe incluirse en el estilo CSS de las citas en los artículos. El punto es que esto le ofrece la capacidad de dividir el contenido de su artículo de una manera que guste a la vista y atraiga a las personas a leer la cita.

Si está escribiendo para un cliente, pregúntele si está bien que use la etiqueta, y si se lo permiten, utilícela por todos los medios.

Un consejo para usar

en tus artículos: no exageres. Una o dos citas cortas en un artículo de entre 800 y 1000 palabras es más que suficiente. Le da no solo la capacidad de darle al ojo un descanso de los párrafos, sino que le permite traer citas de expertos externos, lo que refuerza aún más la credibilidad de su artículo. No puedes perder.

Cómo usar imágenes

Otra cosa que revelaron los mapas de calor del lector en línea de Nielsen: las personas tienden a detenerse en las imágenes cuando leen un artículo en línea. Además, los ojos se sienten atraídos por la siguiente imagen. Esto le brinda una forma psicológica muy poderosa para que la gente siga leyendo en su artículo. Además, muy parecido a un

, las imágenes dividen el contenido y le dan un respiro al lector.

Obviamente, MakeUseOf emplea el uso de imágenes bonitas y grandes, ideales para el tipo de artículos de ayuda técnica que se encuentran en un sitio como este.

Notarás que las imágenes están espaciadas lo suficientemente separadas como para que cuando te desplaces un poco, el ojo esté al tanto de otra imagen que aparece debajo. No es algo que se haga solo por el impacto psicológico de echar un vistazo al artículo, solo hace que la lectura sea mucho más agradable y se vea mejor.

Dicho esto, si el blog o el sitio web para el que está escribiendo no tiene el espacio en la página para fotos grandes y de ancho completo de esta manera, al menos deberías utilizar imágenes más pequeñas que estén alineadas a la izquierda o a la derecha en todo el artículo. Cuando hago esto en mi propio blog, en realidad me gusta alternar de izquierda a derecha solo para cambiar las cosas a medida que el artículo fluye por la página.

La alineación de imágenes con el texto que se ajusta de esta forma suele ser una simple cuestión de establecer la clase de alineación en "derecha" o "izquierda" en el etiqueta, pero siempre consulte con el propietario del blog o del sitio web para el que está escribiendo para saber si hay algún estilo CSS que haga uso de algo como lo que se conoce como la propiedad "flotante" para hacer alineaciones. Puede haber una sintaxis específica que necesite usar para alinear imágenes como esta dependiendo del estilo CSS, así que tómese el tiempo para preguntarle al diseñador. Vale la pena el esfuerzo y será un artículo mucho más atractivo.

Haz una lista y revisala dos veces

Como Tina detalla en su artículo sobre Etiquetas HTML Las 11 etiquetas HTML principales que todo bloguero y propietario de sitios web debe conocerLa red mundial conoce muchos idiomas y está codificada en varios idiomas diferentes. Sin embargo, el único idioma que se puede encontrar por todas partes y que existe desde la invención de las páginas web es el ... Lee mas , hay dos tipos de listas que formateará en HTML, la etiqueta de lista ordenada

y la etiqueta de lista desordenada

. El primero pone números delante de los elementos de la lista, el segundo pone puntos. Puede ver la sintaxis en el artículo de Tina, pero ¿cuándo es exactamente apropiado usar uno u otro, o incluso usar una lista?

En primer lugar, las listas son otra gran manera de romper la monotonía de los párrafos directos, manteniendo el lector interesado, y una vez más llamando la atención a una lista rápida de elementos que pueden escanearse fácilmente. La regla general que uso es si los elementos deben contarse o no de alguna manera. Si lo hacen, use una lista numerada. De lo contrario, use sin numerar.

Suena simple, pero a veces hay una línea gris. Por ejemplo, enumerar las razones por las cuales el uso de una red inalámbrica puede ser inseguro requeriría una lista sin números, porque en realidad no importa cuántas hay, son solo razones. Por otro lado, cuando está dando pasos en un proceso o algún procedimiento donde el orden de la lista es importante, los números tienen sentido. No use números si no es necesario, porque pueden hacer que su lista sea incómoda. Las listas con viñetas pueden ser muy útiles para mejorar el diseño de su artículo, por lo que tener al menos una, si es apropiado para el tema, es una muy buena idea.

La negrita y la cursiva han evolucionado

Solía ​​ser que el texto en negrita era el camino a seguir cuando deseaba enfatizar una frase o algún punto en una oración. Esto proliferó con los horrendos diseños de sitios web de los años 90, donde los sitios que intentan vender cosas serían audaces y cambiar el tamaño de letra de varias palabras para que de alguna manera inconscientemente te concentres en esas palabras de dinero o algo así... no lo hago " No lo se. Pero sí sé que una vez que los blogs se hicieron tan populares, y los encabezados comenzaron a formar la estructura de ese contenido, las fuentes en negrita ya no tenían sentido para enfatizar nada. En el mejor de los casos, es mejor usarlo como una forma de convertir el texto en el encabezado más pequeño posible, lo que hacen muchos blogs.

En los viejos tiempos, la etiqueta en negrita era , y mucha gente continúa usándolo sin saber que la web ha pasado a la etiqueta más moderna de o la sintaxis CSS de texto.

Del mismo modo, todos solían usar para todo en cursiva, mientras que hoy el método para enfatizar el texto en cursiva es usar el etiqueta. Esta es realmente la forma ideal de poner énfasis en una palabra o frase. Funciona bien y se ve limpio y profesional cuando se hace con moderación.

Anuncios no molestos

La forma en que coloca un anuncio en su artículo realmente puede marcar la diferencia cuando se trata de no perder a sus lectores por eso. Realmente, muchos lectores están acostumbrados a la idea de los anuncios y por qué son necesarios para pagar el contenido, pero lo que molesta a los lectores y los impulsa los elimina (o los obliga a usar esos horribles bloqueadores de anuncios) son anuncios que aparecen, bloquean texto o están camuflados para parecer parte de un artículo. No hagas eso.

En su lugar, use anuncios con bordes claros y utilice el método "flotante" CSS para hacer que el texto se ajuste (a menos que lo coloque en la barra lateral). Así es como se ve:

src = " http://pagead2.googlesyndication.com/pagead/show_ads.js”>