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

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

Para ser comercializable y flexible en línea, solo tiene que saber cómo dar formato a 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 tener en su bolsillo, así como cuándo y por qué debe usarlas.

HTML no es sólo para geeks

Hay muchas etiquetas HTML básicas por ahí, pero este artículo no pretende ser otra introducción monótona a HTML para los escritores pobres que no tienen ningún interés en aprender a codificar páginas web. No, lo que estamos hablando aquí es el formato en la web. Para que un artículo se vea realmente bien, hay algunas reglas generales a seguir y algunos consejos valiosos y aprendidos que realmente desearía haber sabido cuando empecé a escribir para clientes en la web..

No lo digo a la ligera. Soy un programador de corazón, y cuando empecé a escribir en la web, podría haber codificado una página web desde cero sin realmente comenzar a sudar. Sin embargo, tuve mucho que aprender sobre el uso de HTML para el formato de artículos. Hoy, me gustaría transmitir algunas de las lecciones que aprendí en la última década a aspirantes a nuevos escritores y bloggers en línea. Estos son los siete consejos de formato para los que veremos las etiquetas: formato de citas, colocación de imágenes, formateo de listas, estructuración de encabezados, creación de énfasis en oraciones, colocación de anuncios no intrusivos y fuentes de acreditación.

Encabezados - ¿Quién los necesita??

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

,

, etc…) ha cambiado. Si bien la antigua sugerencia de SEO para encabezar los encabezados de flujo de grande a pequeño a lo largo del artículo es cierta, hay un debate constante entre los editores sobre si es mejor usar el mismo tamaño de encabezado en todas partes, si el texto en negrita constituye un subtítulo válido. y todo tipo de detalles minuciosos. Olvida todo eso.

Todo lo que tienes que recordar es que los estudios muestran claramente que el patrón visual de los lectores en la web muestra un patrón claro en forma de F que debes aprovechar al escribir..

En un estudio de seguimiento ocular realizado por el Grupo Nielsen Norman, 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 los encabezados como una herramienta para identificar el contenido que es importante para ellos. Por lo tanto, si te preocupa proporcionar lo que tus lectores desean, entonces el hecho de que ordenes encabezados de grandes a pequeños no importa tanto como rellenar los encabezados con palabras informativas que realmente les dice a los lectores de qué trata la sección y los coloca de manera uniforme en todo el artículo para organizarlo bien.

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

Cotizar o no cotizar

Indiscutiblemente, la etiqueta más grande inventada, en mi opinión, es la

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

etiqueta 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 posibilidad de dividir el contenido de su artículo de manera que satisfaga la vista y atraiga a las personas a leer la cita..

Si está escribiendo para un cliente, pregúntele si está bien que haga uso de la etiqueta, y si lo permiten, úsela por todos los medios..

Un consejo para usar

En tus artículos: no te excedas. Una o dos citas cortas en un artículo que tiene entre 800 y 1000 palabras es más que suficiente. No solo le da la posibilidad de dejar de lado los párrafos, sino que también le permite incluir citas de expertos externos, lo que refuerza aún más la credibilidad de su artículo. No puedes perder.

Cómo utilizar imágenes

Otra cosa que revelaron los mapas de calor del lector en línea de Nielsen: la gente tiende a detenerse en las imágenes cuando lee un artículo en línea. Además, los ojos se ven atraídos hacia la siguiente imagen. Esto le brinda una forma psicológica muy poderosa de mantener a las personas leyendo en su artículo. Además, mucho como un

, Las imágenes rompen el contenido y le dan un respiro al ojo del lector..

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

Notará que las imágenes están lo suficientemente separadas lo suficiente para que al momento de desplazarse un poco, el ojo se dé cuenta de que hay otra imagen debajo. No es algo que se haya hecho solo por el impacto psicológico de llamar la atención sobre el artículo: solo permite una lectura mucho más agradable y un artículo con mejor aspecto..

Dicho esto, si el blog o sitio web para el que estás escribiendo no tiene el espacio real en la página para imágenes grandes de ancho completo como esta, entonces al menos deberías usar imágenes más pequeñas que estén alineadas A la izquierda o la derecha a lo largo del artículo. Cuando hago esto en mi propio blog, me gusta alternar de izquierda a derecha solo para cambiar las cosas a medida que el artículo fluye hacia abajo en la página.

Alinear las imágenes con el texto que se envuelve de esta manera, por lo general es solo una cuestión de configurar la clase de alineación para “Correcto” o “izquierda” en el etiqueta, pero siempre consulte con el propietario del blog o sitio web que está escribiendo para averiguar si hay algún estilo CSS que haga uso de algo como lo que se conoce como “flotador” Propiedad para hacer alineaciones. Puede haber una sintaxis específica que debe 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 lo hará para un artículo mucho más atractivo.

Haz una lista y revisala dos veces

Como detalla Tina en su artículo sobre las etiquetas HTML Las 11 etiquetas HTML principales Cada blogger y el propietario del sitio web deben saber Las 11 etiquetas HTML más importantes que todo blogger y el propietario del sitio web deben saber La World Wide Web conoce muchos idiomas y está codificada en varios idiomas diferentes. El único idioma, sin embargo, que se puede encontrar en todas partes y ha existido desde la invención de las páginas web, es ... Leer más, hay dos tipos de listas que formateará en HTML, la etiqueta de lista ordenada

y la etiqueta lista desordenada
. El primero pone números delante de los elementos de la lista, el segundo coloca puntos. Puede ver la sintaxis en el artículo de Tina, pero cuando es exactamente adecuado usar una u otra, o incluso usar una lista.?

En primer lugar, las listas son otra excelente manera de dividir la monotonía de párrafos rectos, mantener al lector interesado y, una vez más, atraer la atención hacia una lista rápida de elementos que se pueden escanear con bastante facilidad. La regla de oro que uso es si los elementos deben o no contarse de alguna manera. Si lo hacen, use una lista numerada. De lo contrario, utilice 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ántos hay, solo son razones. Por otro lado, cuando da pasos en un proceso o algún procedimiento en el que importa el orden de la lista, los números tienen sentido. No use números si no tiene que hacerlo, porque pueden hacer que su lista sea incómoda. Las listas con viñetas pueden recorrer un largo camino hacia la mejora del diseño de su artículo, por lo que tener al menos uno, 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 quería enfatizar una frase o algún punto de 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 se vuelven audaces y cambian el tamaño de la fuente de varias palabras para que, de alguna manera subconscientemente, te concentres en esas palabras de dinero o algo así ... No lo sé. Pero sí sé que una vez que los blogs se hicieron tan populares, y los encabezados comenzaron a formar la estructura de ese contenido, la fuente en negrita ya no tenía sentido enfatizar nada. En el mejor de los casos, se usa mejor como una forma de convertir texto en el encabezado de tamaño más pequeño posible, lo que muchos blogs hacen.

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 en día el método para enfatizar texto en cursiva es usar el etiqueta. Esta es realmente la manera 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 intrusivos

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

En su lugar, utilice anuncios con bordes claros y utilice el CSS “flotador” Método para hacer que el texto se ajuste a él (a menos que lo coloques en la barra lateral). Esto es lo que parece:









El flotador: a la derecha; lo colocará en el texto donde lo necesite, y puede automatizarlo en WordPress usando plantillas Cómo usar una plantilla de contenido de Wordpress para escribir más rápido Cómo usar una plantilla de contenido de Wordpress para escribir más rápido Wordpress es un invento brillante, y lo ha hecho Es posible que más y más personas tengan sitios web increíbles, con hermosos temas. Sin embargo, todavía queda la cuestión del área de contenido, que aún necesita ... Leer más como he descrito en artículos anteriores. Esto elimina la necesidad de colocar el anuncio en cada artículo. Como puede ver, el anuncio es lo suficientemente grande como para llamar la atención, pero no está camuflado ni bloqueando ningún texto, por lo que si los lectores lo desean, pueden ignorarlo y seguir leyendo. No hay problema.



Lo peor que puedes hacer con tus artículos es exagerar con los anuncios y ahuyentar a los lectores (y en muchos casos es posible que ni siquiera tengas que preocuparte por los anuncios, como si escribes para un cliente). Sin embargo, como propietario de su propio blog, estos son los tipos de cosas que debe tener en cuenta al escribir artículos en su sitio, y estos consejos básicos de formato de anuncios pueden hacer una gran diferencia en la percepción de su anuncio..

Fuentes de crédito

Lo peor de Internet en este momento es realmente el robo de contenido que tiene lugar, y no solo estoy hablando de los lowlife que raspan la red para el contenido y lo copian en sus propios sitios de spam de baja calidad, configurados solo para Google tráfico. No, incluso los sitios web más grandes y populares, tanto los principales blogs como los medios de comunicación, tienen el mal hábito de robar noticias y “cucharadas” de bloggers y sitios web más pequeños, agregando algunas citas adicionales y reclamando la idea como propia. Es horrible y bastante poco ético, pero sucede. Eso no significa que debas seguir tu ejemplo. De hecho, tiene sentido que citar fuentes de alta calidad RefDot: hace que citar fuentes de la web Fácil RefDot: hace que citar fuentes de la web Fácil de leer más para respaldar los reclamos de artículos, su sitio web se identificará como una fuente confiable de alta calidad información. Eso es oro SEO justo ahí.



Sin embargo, tampoco desea que el texto se destaque como contenido importante al pie de su artículo. Un enfoque común para citar fuentes de historias RefDot: hace que las fuentes de citas de la Web sea fácil RefDot: hace fuentes de citas de la Web fácil Leer más o las fuentes de imagen al pie de un artículo es usar etiqueta, que fuerza la fuente hacia abajo un tamaño. Es una excelente manera de formatear información de derechos de autor, comentarios legales y créditos. Proporciona la información necesaria, pero no nos distrae de la conclusión real del artículo en sí..

Por supuesto, los consejos anteriores son los fundamentos básicos que cualquier escritor en línea debería aprender, pero si está interesado en profundizar, hay muchos recursos. Eche un vistazo a mi artículo en el que se enumeran algunos sitios web excelentes en los que puede aprender el código HTML. 8 Mejores sitios web para obtener calidad. Ejemplos de codificación en HTML. 8 Mejores páginas web para obtener calidad. Ejemplos de codificación en HTML. Aquí están ocho de nuestros favoritos. Lee mas . Tina también ha detallado algunos efectos HTML útiles y adicionales. 7 Efectos HTML geniales que cualquiera puede agregar a su sitio web. 7 Efectos HTML geniales que cualquiera puede agregar a su sitio web. ¡No se desespere! No es necesario que sepa CSS o PHP para crear un sitio elegante. Algún buen HTML antiguo y saber copiar y pegar servirá. Leer más que podría agregar a su sitio. Si realmente quieres volverte loco, también hay recursos disponibles para aprender CSS Top 5 Sites To Learn CSS Online Top 5 Sites To Learn CSS Online Leer más también.

La simple verdad del asunto es que escribir en línea requiere más que solo la creatividad requerida para escribir algo para una publicación impresa. La publicación en Internet significa que debe comprender no solo los códigos básicos detrás de los sitios web, sino también cuándo y por qué debe utilizarlos..

Explorar más sobre: ​​Blogging, HTML.