Este post lo he creado con la intención de ayudar un poco a algunos usuarios que están intentando mejorar la visual de sus posts. Hay muchas formas de hacerlo, estos son solo algunos tips que pueden guiar a estos usuarios a mejorar ahora y encontrar luego su propio estilo.
English
I created this post with the intention of helping a little to some users who are trying to improve the visuals of their posts. There are many ways to do it, these are just some tips that can guide these users to improve now and find their own style later.
Paragraphs and dividers
Párrafos y divisores
Algo muy importante es el ritmo de la lectura. Además de los signos de puntuación, la longitud de los párrafos juega un papel muy importante en atraer a los lectores. Un párrafo grande en un post no está mal si es necesario, pero un post con solo párrafos gigantescos, o que luce como un párrafo gigante, sin separaciones, o con solo líneas en blanco separando, hace que el post sea poco estético, poco atractivo.
English
Something very important is the rhythm of reading. In addition to punctuation marks, paragraph length plays a huge role in engaging readers. A large paragraph in a post is not bad if necessary, but a post with only gigantic paragraphs, or that looks like a giant paragraph, without separations, or with only blank lines separating it, makes the post unaesthetic, unattractive.
Por eso es importante tener en mente un máximo de 10 líneas (en desktop), y utilizar divisores entre cada párrafo. Estos pueden ser:
- Subtítulos
- Línea
- Imagen o fotografía
- Divisor con diseño personalizado
- Tablas
Cualquier estructura que genere esa división visual ayuda a mejorar el ritmo del post. Puedes escoger el tipo de divisor según la diferencia que tengan las diferentes secciones. En este caso utilizo líneas e imágenes cuando es parte de la misma idea, y divisor personalizado cuando paso a una nueva.
English
That is why it is important to keep in mind a maximum of 10 lines (on desktop), and use dividers between each paragraph. These might be, subtitles, lines, images or photographs, dividers with custom designs, tables, etc.
Any structure that generates that visual division helps improve the rhythm of the post. You can choose the type of divider depending on the difference between the different sections. In this case I use lines and images when it is part of the same idea, and a custom divider when I move on to a new one.
Subtitles and translations
Subtítulos y traducciones
Los subtítulos no deben ser "Introducción", "Conclusión", etc. Los subtítulos deben identificar lo que contiene el párrafo, ellos proveen información inmediata al lector de lo que el texto contiene, y muchas veces se puede entender un post entero a partir de sus subtítulos. Los motores de búsqueda también leen estos subtítulos para clasificar las publicaciones y determinar su relevancia cuando se realiza una búsqueda.
Utiliza subtítulos de segundo y tercer nivel, ya que el primer nivel está reservado para el título del post.
English
Subtitles should not be "Introduction", "Conclusion", etc. Subtitles must identify what the paragraph contains, they provide immediate information to the reader about what the text contains, and many times an entire post can be understood from its subtitles. Search engines also read these subheadings to rank posts and determine their relevance when a search is performed.
Use second and third level subtitles, since the first level is reserved for the title of the post.
En cuanto a las traducciones, muchos afirman que estas hacen daño al SEO, otros que no hace diferencia. En este caso, aunque optimicemos lo más posible para el SEO, no podemos dejar de lado el componente humano. Nuestra comunidad no merece tener que traducir manualmente cada post que intentan leer, así que mientras los front-end incorporan traducción automática, podemos (si queremos) incluirla manualmente. De este modo podemos tener la lengua común (el inglés) y nuestra lengua nativa.
Para esto puedes añadir una segunda columna, duplicar el post en la parte inferior, y mi favorita personal, incluir un spoiler debajo del idioma principal del post en cada párrafo. Aquí no hay correcto o incorrecto, es cuestión de preferencia. Solo debe hacerse lo posible para que ambos sean buenas experiencias.
English
Regarding translations, many claim that they harm SEO, others that it makes no difference. In this case, even if we optimize as much as possible for SEO, we cannot leave aside the human component. Our community doesn't deserve to have to manually translate every post they try to read, so while the front-ends incorporate automatic translation, we can (if we want) include it manually. In this way we can have the common language (English) and our native language.
For this you can add a second column, duplicate the post at the bottom, and my personal favorite, include a spoiler below the main language of the post in each paragraph. There is no right or wrong here, it's a matter of preference. You just have to do everything possible so that both are good experiences.
Layout
Maquetado
Esta es una de las partes más complejas, no mucho si te enfocas en solo un front-end, pero debido a que los principales front-ends no son 100% compatibles unos con otros, los posts no se verán igual en todos ellos. Aquí es una buena opción buscar un punto medio, donde diseñes para tu front-end favorito (en mi caso InLeo) pero buscando cierta uniformidad que se traduzca bien a los demás. El maquetado básico se lee bien en todos, son las opciones visibles en el editor de texto. Son los extra los que generan algunos inconvenientes, solo es cuestión de encontrar la combinación que se adapte mejor. Abajo, el código que uso para estos bloques de texto.
English
This is one of the most complex parts, not much if you focus on just one front-end, but because the main front-ends are not 100% compatible with each other, posts will not look the same on all of them. Here it is a good option to look for a middle ground, where you design for your favorite front-end (in my case InLeo) but looking for a certain uniformity that translates well to others. The basic layout reads well in everyone, the options are visible in the text editor. It is the extras that generate some inconveniences, it is just a matter of finding the combination that best suits. Bellow you will find the code I use for these blocks.
<div align="justify">
<div class="text-justify">
Text
<details>
<summary> *English* </summary>
*Translation*
</details>
</div>
</div>
Espero que este post sea de ayuda, pueden copiar y pegar el código que les mostré y modificarlo a gusto. Ese código luce bien, no igual, pero bien, en Inleo, PeakD y Ecency. Estas son solo algunas nociones, cada quien puede desarrollar su estilo propio, eso de hecho es lo importante, tener un estilo, no escribir por escribir sin que la presentación sea tomada en cuenta.
English
I hope this post is helpful, you can copy and paste the code that I showed you and modify it as you like. That code looks good, not the same, but good, in Inleo, PeakD and Ecency. These are just some notions, everyone can develop their own style, that is actually the important thing, having a style, not writing for the sake of writing without the presentation being taken into account.
Espero les haya gustado, hasta la próxima publicación
Hope you liked it, until the next time
Designed by @jes.seth
 |  |  |  |
|---|
Designed by @pashinni
Posted Using InLeo Alpha
@fexonice this is what I mean by improving your presentation. And is not only you but also other users that are not giving structure to the posts, and we will be working with everyone as much as we can so everyone improves and can get evergreen rewards later
Thank you so much for tagging me, yes I see how the blog post is well structured and very professional. I have learned a great deal from this post. However, I want to know if Inleo editor can do all these on mobile. Because I write mostly with my phone.
Thanks once again. I appreciate.
I left an option to copy paste the basic structure for justifying, you don't need he part for language.
Also, it does it all on mobile since you actually only need to add images and lines.
Like the lines are ---
The dividers are just long images.
You can even create templates and have them on the notes.
Me parece excelente poder lograr que mis publicaciones se vean lo mejor posible desde cualquier front-end, eso me ha dado dolores de cabeza 🙃
Gracias, lo tendré encuenta.
<3 espero que te sirva. Y utilizar el código para armar una plantilla hace también mucho más rápido el trabajo a la hora de escribir un post.
Las publicaciones no deben tener párrafos de más de 15 líneas (se considera un error de redacción). Mi posición es clara, si deseas que lean tu contenido los párrafos no deben superar las 6 líneas (se debe considerar a las personas por temas de visión). Es lo mejor para mantener una buena redacción e impacto con el lector.
Otro aspecto que debe normalizarse es escribir en prosa. Ensayar mejora rápidamente la forma de trasmitir las ideas en vez de segmentarla.
Con respecto al maquetado depende de la front, pero siempre a mi modo de ver, debe hacerse estético y en orden. Un libro no se publica de manera desordenada. Me gustó mucho el post, es muy informativo y tiene elementos muy agradables que ayudan y confortan.
Me alegra que te guste. Gracias por pasarte por acá. Realmente hace mucha diferencia el separar un post en párrafos digeribles en lugar de bloques de texto enormes y sin color.
Sobre todo en una comunidad como Leo Finance donde hay mucha información pesada, el aligerarla por medio de la edición es muy importante para que se pueda comprender. Después de todo esto es una plataforma social, leer no debe sentirse como hacer una tarea.
Uno podría enfocarse en un solo front-end e ignorar el resto. Sin embargo sé que la distribución de usuarios es bastante amplia y es mejor al menos garantizar que no se verán un montón de enlaces rotos y texto revuelto. Usualmente el lector no va a ir a averiguar si se lee mejor en otro.
Me gustó, es interésate y muy organico. : P También me di cuenta de que escribí mal front jajajajaja cosas que pasan por estar trabajando.
Los separadores son buenos, en cierto punto. En mi caso suelo usar imágenes. Le da u otorga un mayor balance al post en medio de tanto texto. Con respecto al tema de la lectura, concuerdo, por eso debemos pensar en que debe ser digerible y asimilable para el consumidor.
No me gustan los párrafos largos. Además, hay algo que considerar en un párrafo de 6 líneas visualizado en la pc, y es que en el teléfono se ve más largo.
Lo de los links rotos es algo peculiar, me pasó una vez en inleo. La imagen no se visualizaba y solo se ve en otras front como peakd y ecency. En el caso de Liketu también sucede, por eso dejé de usar mi pie del blog. Es poco estético... :P
I think I still need to learn a lot to improve my content. I am still not understanding a lot of the codes here. I read your content through Ecency frontend and checked the "edit history" feature on your post and saw lots of codes there. I guess would take my time to practice it on my content to see the difference.
You are welcome to use the code you find on my posts, I did the same to get them haha. I just gave it my personality with the colors, the order and the images I use.
Ecency is one of the most basic front ends when it comes to format, so things you can see on InLeo and Peakd will not show on Ecency the same way, so you have to pick the things you would like to use to personalize it.
Alright, I get it. Thank you.
thanks friend, very educative content. I must say, it's good to always keep an articles well arranged
Glad you liked it. I have seen that some writer focus so much on the writing that the aesthetic is completed forgotten, but we eat with out eyes, we catch the reader on the first minute. I would add to these tips to start with a 2 line intro that summarizes what the post is about. That way the preview will catch it and not the source of the cover (as many people put the cover first and the first text ends up being "source")
There is many little things that make a great difference
keep it up
Thank you for the tips. Lord knows my writing needs help
Awesome, put them into practice. And if you want, some day you can send me the draft of a post you have ready to go and I can help you improve it so you can use that one as reference later. I used to be an editor for final essays at my college haha
I think that now that markdown works with the INLEO front end there is no excuse not for any post to look visually appealing.
You should not judge a book by its cover, however we all do. If a post looks crappy then odds are we click close and don't read.
Good advice and Happy New Year Jessica!
Exactly. But still, there is a lot of writers that do the posts sad even when editing for the other front-ends, so it is more an issue of not putting in the effort or not knowing what they can do to improve, instead of technically having problems to do it. I hope they can get something from here and use it.
Happy New Year for you too!!!
Congratulations @tsunsica! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)
Your next target is to reach 9250 replies.
You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word
STOPCheck out our last posts:
this is a great post
I want Ted ask
The code given above
What are the command it gives
Me ha parecido excelente el post @tsunsica , no solo por el contenido, sino también por las explicaciones que son muy sencillas para aquellas personas no ligadas al mundo de la programación o que simplemente no son creadores de contenidos, y también para los que si conocen el tema, siempre se aprende algo nuevo y se disfruta del trabajo de otras personas. Me ha gustado el estilo y distribución de las áreas, simplemente elegante, y nos sirven como referencia día a día 😇.
Me alegra que le haya gustado, y que los consejos le puedan ser útiles. Cada detalle cuenta. Siempre hacer el texto pensando en cómo si fuéramos quien lo va a leer. Si es pesado para uno mismo, lo será para los demás. Y tomar en cuenta que podemos posicionarnos en Google también, mientras mejor estructura tenga nuestro post, mejor ranking tendrá
Cada día mejorando! Los aportes diarios para nosotros los recién Hivers, herramientas y tips que facilitan el trabajo y además le incorporan estética digital a nuestros trabajos. Para ti mis felicitaciones!