Há coisas aparentemente pequenas quando é conveniente para o leitor que facilmente ignoramos, facilmente ignoramos ao ponto do inacreditável. Mas há 2 problemas:

A fonte é muito pequena, estilo de fonte ou problema de cor

Você já viu um site com fontes muito pequenas? Você tem que apertar os olhos, até mesmo aumentar um pouco o zoom. Isso é ainda mais certo para pessoas de 40 a 50 anos, pois sua visão se deteriora gradualmente.

Fontes pequenas definitivamente afetam a facilidade de leitura e compreensão do conteúdo pelo usuário. Se o seu site ainda usa fontes abaixo de 14px, acho que você está na categoria de usar fontes muito pequenas.

Como verificar o tamanho da fonte, estilo, cor: Você pode usar a seguinte extensão do Chrome chamada WhatFont.

Uma vez instalado no Chrome, você acessa seu site, então o liga (clique no f?), depois clica em qualquer texto na página da web para verificar o tamanho correspondente. . Exemplo do meu site:

A seta vermelha indica que o tamanho do meu site é 20px, onde a cor é a cor (#000000 é totalmente preto, #111111 será um pouco menos preto, #FFFFFF é todo branco, … códigos de cores CSS para artigos). Onde Família é um tipo de fonte, algumas fontes são mais populares que outras.

Meu conselho:

• Embora as telas de hoje tenham resoluções mais altas, ainda é uma boa ideia escolher uma fonte sem serifa para facilitar a visualização;
• O tamanho da fonte deve estar entre 16px – 24px. O número real depende de muitas outras coisas (por exemplo, estilo da fonte), mas deve ser suficiente para cobrir a maioria dos casos;
• A cor da fonte não deve contrastar muito com o fundo, por exemplo, a cor da fonte não deve ser totalmente preta em um fundo totalmente branco. Tenho observado muitos sites que costumam usar cores de texto de nível preto de #222222 a #444444 em um fundo todo branco;
• Sempre teste suas fontes em diferentes telas, diferentes sistemas operacionais (Desktop, Tablet, Celular; Android, iOS, etc.) para garantir que erros inesperados sejam detectados. ;

Solução para site WordPress:

É uma dor quando a edição manual de fontes requer conhecimento de CSS, que é uma área de especialização, não de conhecimento geral.

Para editar você vai na seção Appearance (Appearence) e depois na seção CSS adicional, ou editar o CSS ficará da seguinte forma:

ou assim:

De fato, alguns temas premium (muitas vezes pagos) têm a capacidade de o usuário personalizar a fonte, como escolher o tipo de fonte, tamanho, cor etc.

Além das fontes para o texto principal, você deve prestar atenção às fontes nas seguintes áreas:

• fonte para tags de cabeçalho h1, h2, h3, etc; observe seu peso: font-weight;
• Fonte para o conteúdo da lista (ordenada ou não ordenada);
• Fontes para citações em bloco;

A tabela na página é muito monótona

As tabelas na página podem ser muito esboçadas, as fontes não são impressionantes, as bordas das tabelas não estão claramente separadas e as colunas e linhas não são fáceis de ver.

Às vezes, as tabelas precisam classificar os dados conforme o usuário precisa, por exemplo, em ordem de cima para baixo ou de baixo para cima, o que também está além dos recursos das tabelas padrão do WordPress.

Solução para site WordPress:

Existem basicamente 2 soluções. A primeira maneira é interferir no CSS por meio de CSS adicional. Você pode experimentar bons modelos CSS de tabela aqui.

Outra maneira é usar um plugin, como o TablePress – um plugin para WordPress que é altamente avaliado para criar tabelas.

Você terá uma mesa bonita e fácil de organizar conforme necessário assim:

Cor para links difíceis de reconhecer

Uma das questões mais importantes em SEO, assim como na descoberta do conteúdo do seu site, são os links internos e também os links externos. Coletivamente chamados de links.

Existe uma regra implícita sobre a cor e o estilo dos links que se tornou tão comum que, se você a quebrar, a possibilidade de problemas é muito alta.

Atualmente, a maioria dos links exibidos externamente são azuis. Este azul é bastante diverso deste ou deste ou daquele. Apesar da variedade, o tom azul ainda é dominante, não seja tolo em transformar seus links em amarelo ou vermelho.

Outro estilo bastante comum é o link sublinhado abaixo, como este. Isso tem uma página aplicável ou não. Pessoalmente, algumas páginas também aplicam sublinhado para indicar links.

Algumas outras questões importantes com links são a formatação de links em hover e links visitados.

Meu conselho é que você deve:

• Crie um estilo diferente ao passar o mouse sobre o link, como alterar a cor do texto e/ou sublinhado;
• Os links visitados provavelmente devem mudar de cor para facilitar a identificação, especialmente páginas com muitos links internos, mas você também deve considerar mudar a cor do link;

Solução para site WordPress:

Provavelmente, os temas premium também permitem que você personalize esses recursos.

Pessoalmente, costumo usar intervenções CSS. Exemplo de código para alterar a cor do link na página da web:

 /* CSS cho link */ .entry-content a {color:#0080a5; text-decoration: underline;} .entry-content a:visited {color:#663399; text-decoration: underline;} .entry-content a:hover { text-decoration:underline; color:#c00;} /* Hết CSS cho link */

Artigos relacionados no final do post

Além dos links internos, os artigos relacionados ao final do artigo também são uma área potencial para direcionar o tráfego e reter leitores.

Alguns problemas com esta parte:

• Deve ser feito manualmente: se isso acontecer, levará muito tempo para ser concluído, principalmente em páginas com grande número de artigos;
• Posts relacionados não são altos;
• O formato do artigo relacionado é muito monótono (por exemplo, texto simples);
• Não personalizado (escolha artigos relacionados ao gosto do editor);

Solução para site WordPress:

Nesta parte eu uso um plugin, ele tem a vantagem de ser automático, fácil de usar e altamente personalizável: WordPress Related Posts by Sovrn, zemanta.

Comentários

A área de comentários do WordPress é chata! Tem os seguintes problemas:

• A interface não é atraente;
• Aproximadamente (o recurso de inserir o endereço do site é supérfluo para a maioria dos comentaristas);
• As páginas devem ser divididas para melhorar a usabilidade no caso de muitos comentários;
• Sem recursos avançados especiais;

Solução para site WordPress:

Um plugin que saiu recentemente é uma ótima solução para esse problema. Chama-se wpDiscuz (você pode ver o manual do wpDiscuz aqui.)

O WPDiscuz corrige quase todos os problemas relacionados à área de comentários padrão do WordPress. É só que usar o WPDiscuz de forma mais eficaz leva muito tempo de personalização. Em breve escreverei um post sobre este plugin.

Compartilhe nas redes sociais

Se o seu site tiver apenas um punhado de visitantes, os botões de compartilhamento social podem não fazer muita diferença. No entanto, se o site recebe milhares de visualizações diárias, os botões de compartilhamento têm o potencial de gerar mais tráfego e outros benefícios adicionais.

O problema com os botões de compartilhamento está principalmente na baixa capacidade de personalização, como a capacidade de escolher redes sociais, alterar o tamanho do botão, personalizar a aparência no celular. Os botões de compartilhamento, se não forem inteligentes, podem ter o efeito oposto, por exemplo, são muito altos e perceptíveis, deixando os usuários desconfortáveis. Esta é a parte em que você precisa de um toque de design.

Solução para site WordPress:

• Você pode usar a solução gratuita do Addthis: É lindo, altamente personalizável, tem estatísticas;
• Use o plugin para comprar, o preço no momento da redação deste artigo é de 20 USD: Easy Social Share Buttons for WordPress. A vantagem é que é altamente personalizável, a interface é bonita e há estatísticas. Além disso, como esta é uma solução interna, você não precisa depender de terceiros como Addthis, mas a um custo!

Pesquise no site

A área de pesquisa padrão em um site WordPress não é a parte que muitos usuários estão interessados. Há duas razões principais:

• Muitas vezes dá maus resultados. Objetivamente, dou apenas uma nota média de 5/10;
• O recurso de pesquisa geralmente é desnecessário em sites de baixo conteúdo;

Mas se você quiser fazer uma alteração ou o recurso for importante para você, use o mecanismo de pesquisa.

Solução para site WordPress:

• Usando plugins para WordPress: vá ao Google e pesquise o seguinte plugin de pesquisa de palavras-chave principais wordpress, então descubra seu plugin favorito. A vantagem desta solução é que não haverá anúncios, a desvantagem é que pode não ser adequada para sites com muitos artigos (ou hospedagem não é forte o suficiente) e as melhores ferramentas, você tem que desistir. uma pequena quantidade;
• Use o Google Custom Search: a vantagem é óbvia, você integra o mecanismo de pesquisa mais popular e poderoso do mundo no site. A qualidade da pesquisa não deve ser discutida, certo? Essa é a sua maior vantagem. Sim, mas a vida não é como um sonho. Sua desvantagem é que ele exibirá anúncios para palavras-chave para as quais provavelmente exibirá anúncios. Isso é aceitável se você confiar na qualidade da sua página, os usuários provavelmente pularão o anúncio para clicar nos resultados da sua página.

Para instalar a Pesquisa personalizada do Google, o Google fornecerá um pequeno código para inserir em seu site. Normalmente, você o colaria na seção widget na coluna da direita (depois de remover o mecanismo de pesquisa padrão).

Conclusão

O acima são apenas diretrizes gerais, ao entrar em detalhes, há muitos problemas. No entanto, é certamente possível se você quiser e espero escrever artigos adicionais para ele em breve. Com o mundo da web transbordando de informações, você precisa fazer seu site valer o tempo do leitor.