Não apenas para os desenvolvedores: 7 tags html qualquer escritor deve saber

Você esboçar um desenho sem ter uma borracha à mão? Você pintar um quarto, sem antes gravar as bordas das paredes? Bem, então, nem sequer pensar sobre blogs sem uma compreensão dos seguintes 7 tags HTML, que qualquer escritor on-line realmente deve saber.

Há uma série de situações em que você pode precisar de ajustar a formatação de uma entrada de blog ou um artigo online. Se você é um autor freelance, ter a capacidade de entregar um artigo bem formatado utilizando nada além de um editor de texto e código de HTML é uma excelente habilidade para ter.

Para ser comercializável e flexível online, você apenas tem que saber como formatar um artigo HTML completo, ou como ajustar as coisas quando até mesmo uma ferramenta de edição baseado na web não fazer as coisas muito bem. A seguir, são 7 tags HTML críticos que você deve sempre ter em seu bolso traseiro, bem como, quando e por que você deve usá-los.

Video: Livros que todo autor iniciante deveria ler

HTML não é apenas para geeks

Há uma abundância de tags HTML básicos lá fora, mas este artigo não pretende ser mais uma introdução monótono para HTML para você pobres escritores que não têm absolutamente nenhum interesse em aprender a páginas web de código. Não, o que nós estamos falando aqui é a formatação na web. Para um artigo de olhar realmente bom, há algumas regras gerais a serem seguidas e alguns valiosos, dicas hard-aprendi que eu realmente gostaria de ter sabido sobre quando eu comecei a escrever para clientes na web.

Eu não dizer que ligeiramente. Eu sou um programador no coração, e quando comecei a escrever na web em primeiro lugar, eu poderia ter codificado uma página web a partir do zero, sem realmente quebrar um suor. Ainda assim, eu tinha muito a aprender quando se trata de usar HTML para o artigo formatação. Hoje, eu gostaria de passar ao longo de algumas das lições que aprendi ao longo da última década sobre a aspirantes a novos escritores online e blogueiros. Aqui estão as sete dicas de formatação que vamos olhar para tags para: Citação formatação, colocando imagens, formatação de lista, cabeçalhos de estruturação, criando ênfase em frases, a colocação de anúncios não intrusivos, e creditando fontes.

Cabeçalhos - Quem precisa deles?

Ao longo dos anos, a etiqueta para coisas como tags de cabeçalho (

,

, etc ...) mudou. Enquanto a ponta SEO de velhice a fluir cabeçalhos de grande a pequeno ao longo do artigo é verdade, há um debate constante entre os editores sobre se é melhor usar apenas o mesmo tamanho do cabeçalho por toda parte, se as coisas como texto em negrito constitui uma subheader válido, e todos os tipos de outros detalhes nit-exigente. Esqueça tudo isso

Tudo que você tem que lembrar é que os estudos mostram claramente que o padrão de olho de leitores na web mostram um padrão claro F forma que você precisa para aproveitar quando você está escrevendo.

eyetracking

Em um estudo de rastreamento ocular realizada pela Nielsen Norman Group, os pesquisadores descobriram que na Internet, leitores lêem primeiro horizontalmente no topo da página um par de vezes, e então eles varrer para baixo do lado esquerdo da página. O que este estudo revela é que os leitores vão usar cabeçalhos como uma ferramenta para identificar o conteúdo que é importante para eles. Então, se você se preocupa com fornecendo o que seus leitores querem, então se você pedir cabeçalhos de grande a pequeno não importa tanto quanto o preenchimento cabeçalhos com palavras informativos que realmente dizer aos leitores o que a seção é sobre, e colocando-os uniformemente ao longo do artigo para organizá-lo bem.

Video: 12 Conselhos para Escritores Principiantes

Você pode pensar que você está sendo inteligente e criativa com essas manchetes, mas se você não está descrevendo a seção, você realmente não está fazendo qualquer um nenhuns favores.

Para citar ou não citar

Mãos maior tag inventado, na minha opinião, é o

tag. A razão que eu amo isso é por causa do estilo cool que oferece aos proprietários de blog. Seja qual for WordPress ou Blogger tema que você usa, as chances são muito boas que trata o
tag diferente. Cada tema designer tem a sua ideia do que deve ir para o estilo CSS de citações em artigos. O ponto é que este oferece-lhe a capacidade de quebrar o conteúdo do seu artigo de uma forma que agrada aos olhos e atrai as pessoas para ler a citação.

Se você está escrevendo para um cliente, perguntar-lhes se está tudo bem para você fazer uso da tag, e se eles permitirem, por todos os meios usá-lo.

blockquotes

Uma sugestão para uso

em seus artigos: não exagere. Uma ou duas citações curtas em um artigo que é cerca de 800 a 1000 palavras é mais do que suficiente. Ele dá não só a capacidade de dar o olho de uma pausa de parágrafos, mas ele permite que você trazer citações de peritos externos, o que reforça ainda mais a credibilidade de seu artigo. Você não pode perder.

Como usar Imagens

Outra coisa que os Nielsen heatmaps leitor on-line revelou: as pessoas tendem a ficar em imagens ao ler um artigo online. Além disso, os olhos são atraídos para a imagem seguinte. Isto dá-lhe uma maneira psicológica muito forte para manter as pessoas que lêem junto em seu artigo. Além disso, muito parecido com um

, imagens romper o conteúdo e dar a atenção do leitor uma pausa.

Obviamente, MakeUseOf emprega o uso de grandes agradáveis ​​imagens, - ideal para o tipo de artigos técnico-ajuda que são encontrados em um site como este.

big-imagens

Video: TODO ARTISTA É BABACA - Dicas Para Escritores #1

Você notará que as imagens são espaçados apenas longe o suficiente para que pelo tempo que você rolado um pouco, o olho está ciente de uma outra imagem chegando abaixo. Não é algo que é feito apenas para o impacto psicológico de desenhar o olho para baixo o artigo - ele só faz para uma leitura muito mais agradável e um artigo com melhor aparência.

Com isso dito, se o blog ou site que você está escrevendo para não ter o imobiliário na página para grandes, imagens de largura total como este, então no mínimo você deve fazer uso de imagens menores que estão alinhados para a esquerda ou para a direita ao longo do artigo. Quando eu faço isso no meu próprio blog, eu realmente gosto de alternar da esquerda para a direita apenas para mudar as coisas como o artigo flui para baixo a página.



pequenos-imagens

Alinhando imagens com a disposição do texto em torno de como isso geralmente é apenas uma simples questão de definir a classe alinhar a “direita” ou “esquerda” na tag, mas sempre verificar com o proprietário do blog ou site que você está escrevendo para saber se há algum estilo CSS que faz uso de algo como o que é conhecido como a propriedade “float” para fazer alinhamentos. Pode haver sintaxe específica você precisa usar para alinhar imagens como esta, dependendo do estilo CSS, de modo a ter tempo para perguntar ao designer. Vale a pena o esforço, e vai fazer para um artigo muito mais atraente.

Faça uma lista e verificá-lo duas vezes

Como Tina detalhado em seu artigo sobre tags HTML, existem dois tipos de listas você vai formatar em HTML, a tag lista ordenada

    ea tag lista não ordenada

Em primeiro lugar, as listas são outra ótima maneira de quebrar o monotany dos parágrafos retas, mantendo o leitor interessado, e mais uma vez chamando a atenção para uma rápida lista de itens que podem ser digitalizados com bastante facilidade. A regra de ouro que eu uso é ou não os itens precisam ser contadas de forma alguma. Se eles fizerem isso, use uma lista numerada. Caso contrário, use sem numeração.

listas

Parece simples, mas às vezes há uma linha cinza. Por exemplo, listando razões por que usar uma rede sem fio pode ser inseguro exigiria uma lista sem números, porque realmente não importa quantos são - eles são apenas razões. Por outro lado, quando você está dando passos de um processo ou algum procedimento onde a ordem das matérias da lista, os números fazem sentido. Não use números se você não tem que, porque eles podem fazer a sua lista estranho. As listas com marcadores pode ir um longo caminho para melhorar o layout de seu artigo - assim que ter pelo menos um, se é apropriado para o tema, é uma idéia muito boa.

Bolding e Itálico evoluíram

Ela costumava ser que o texto em negrito foi o caminho a percorrer quando você queria enfatizar uma frase ou algum ponto em uma frase. Este proliferaram com os projetos de websites horrendos da década de 90, onde os sites que tentam vender coisas seria ousado e mudar o tamanho da fonte de várias palavras de alguma forma obter inconscientemente você a concentrar-se nas palavras de dinheiro ou algo assim ... Eu não sei. Mas eu sei que uma vez que blogging se tornou tão popular, e os cabeçalhos começou a formar a estrutura desse conteúdo, negrito não fazia mais sentido para enfatizar alguma coisa. Na melhor das hipóteses, é melhor usado como uma maneira de transformar o texto no menor porte cabeçalho possível - o que muitos blogs lá fora fazer.

Nos velhos tempos, a tag negrito foi , e muitas pessoas continuam a usá-lo sem saber que a web se mudou para a tag mais moderno de , ou a sintaxe CSS de texto.

Da mesma forma, todo mundo costumava usar para tudo itálico, enquanto hoje o método enfatizar texto em itálico é usar o tag. Esta é realmente a maneira ideal para colocar ênfase em uma palavra ou frase. Ele funciona bem, e parece limpo e profissional, quando feito com moderação.

Os anúncios não intrusivos

Como você colocar um anúncio em seu artigo pode realmente fazer a diferença quando se trata de não perder seus leitores por causa disso. Realmente, muitos leitores estão acostumados com a idéia de anúncios e por que eles são necessários para pagar por conteúdo, mas o que aborrece os leitores e os leva para longe (ou obriga-os a usar esses anúncios bloqueadores horríveis) é anúncios que pop-up, texto do bloco ou são camuflados para olhar como parte de um artigo. Não faça isso.

Em vez disso, use anúncios com fronteiras claras, e utilizar o método CSS “float” para fazer quebra de texto em torno dele (a menos que você está colocando-o na barra lateral). Isto é o que parece:





O float: direita vai colocá-lo no texto onde você precisa, e você pode automatizar esse em WordPress por usando modelos como eu descrevi em artigos anteriores. Isso elimina a necessidade de colocar o anúncio em cada artigo. Como você pode ver, o anúncio é grande o suficiente para atrair a atenção, mas não é camuflado ou bloquear qualquer texto, por isso, se os leitores querem eles podem simplesmente ignorá-lo e ler. Sem problemas.Como usar um modelo de conteúdo Wordpress Para escrever mais rápidoComo usar um modelo de conteúdo Wordpress Para escrever mais rápidoWordpress é uma invenção genial, e tornou possível para mais e mais pessoas tenham sites surpreendentes, com belos temas. No entanto, há ainda a questão da área de conteúdo, que ainda precisa ...consulte Mais informação

side-ad

A pior coisa que você pode fazer com seus artigos é exagerar com anúncios e expulsar os leitores (e em muitos casos, você não pode mesmo ter que se preocupar com os anúncios, como se você está escrevendo para um cliente). No entanto, como o seu próprio dono do blog, estes são os tipos de coisas que você precisa para considerar quando você está escrevendo artigos em seu site, e essas dicas básicas anúncio de formatação podem fazer uma grande diferença com a forma como o seu anúncio é percebida.

creditando Fontes

A pior coisa sobre a Internet agora é realmente o roubo de conteúdo que ocorre - e eu não estou falando apenas sobre o canalha do que raspar a rede de conteúdo e copiá-lo para seus próprios sites de spam de baixa qualidade, criada apenas para o Google tráfego. Não, até mesmo os sites maiores e mais populares - os dois maiores blogs e meios de comunicação notícias - tem um péssimo hábito de roubar notícias e “bolas” de blogueiros menores e sites, acrescentando algumas citações adicionais, e afirmando a idéia como seu próprio . É horrível e muito antiético, mas acontece. Isso não significa que você deve seguir o exemplo. Na verdade, faz sentido que citando fontes de alta qualidade para fazer backup artigo afirma que obter o seu site identificado como uma fonte de informação confiável de alta qualidade. Isso é SEO ouro ali.RefDot: Faz citando fontes da web FácilRefDot: Faz citando fontes da web Fácilconsulte Mais informação

footer-info

No entanto, você também não quer que o texto a destacar-se como importante conteúdo no rodapé do seu artigo. Uma abordagem comum citando fontes da história ou fontes de imagem no rodapé de um artigo é usar o tag, o que obriga a fonte até um tamanho. É uma ótima maneira de formatar informações de copyright, comentários legais e créditos. Ele fornece as informações necessárias, mas não distrair a partir da conclusão real do próprio artigo.

Claro, as dicas acima são o mais básico que qualquer escritor online deve aprender, mas se você estiver interessado em cavar mais fundo, há muitos recursos. Confira o meu artigo lista alguns grandes sites onde você pode aprender o código HTML. Tina também detalhou alguns adicional, efeitos HTML úteis você pode adicionar ao seu site. Se você quiser realmente ficar louco, também existem recursos lá fora para aprender CSS também.8 Melhores sites para exemplos de codificação Qualidade HTML8 Melhores sites para exemplos de codificação Qualidade HTMLconsulte Mais informação

A simples verdade da questão é que escrever online leva mais do que apenas a criatividade necessário para escrever algo para uma publicação impressa. publicação na Internet significa que você precisa entender não só os códigos básicos por trás de websites, mas também quando e por que você deve fazer uso deles.


Artigos relacionados