One of the beautiful things about running your blog on a self-hosted WordPress setup is that you have complete control over its design and functionality. If you can think it, it’s probably possible.
No mês passado, decidi fazer algumas alterações no meu tema do WordPress para ver se conseguia melhorar a experiência do leitor e, ao mesmo tempo, melhorar (ou pelo menos não prejudicar!) as taxas de inscrição.
O post de hoje aborda essas alterações e descreve algumas lições que pensei que você poderia achar interessantes para o design e operação do seu próprio blog.
Vamos dar uma olhada?
Mudar o design do seu blog pode ser assustador!
Queria começar este post com uma pequena confissão: eu estava super assustado em fazer essas mudanças no tema do Blog Tyrant.
Quando algo está funcionando, é comum ter a tentação de simplesmente relaxar e deixar que as coisas sigam seu curso.
Antes de ajustar o design, estávamos gerando uma renda de afiliados decente no blog, boas inscrições por e-mail e recebendo um tráfego muito bom do Google todos os meses.
Infelizmente, às vezes, quando você faz alterações em um blog, pode afetar inadvertidamente todas essas coisas.
No final, no entanto, decidi que era importante para mim continuar testando. A menos que você teste suas ideias, nunca saberá se elas funcionarão ou não. E dado que tanto deste blog é sobre experimentos online, decidi tentar.
Então, fizemos um backup do blog antes de todas as mudanças e decidimos que simplesmente o restauraríamos se as coisas dessem errado.
A propósito, você pode facilmente fazer alterações como essas com um plugin construtor de páginas do WordPress.
Uma explicação do que mudou
Tudo bem, vamos dar uma olhada em algumas das mudanças que fizemos e, depois, entrarei em alguns detalhes sobre os resultados que temos visto.
1. Redesenhei a capa do eBook gratuito
O primeiro passo foi modernizar a capa do eBook gratuito que ofereço a todos que são gentis o suficiente para assinar minha lista de e-mails.
O antigo parecia meio chamativo e eu queria incorporar o novo personagem do Blog Tyrant que tenho usado no site ultimamente como um exercício de desenvolvimento de marca. Ele teve um bom feedback e eu me perguntei se o desenho animado é mais acessível. Encontrei um bom designer no Fiverr e seguimos a partir daí.
2. Rodapé atualizado em todo o site
A segunda grande mudança que fiz foi projetar um rodapé em todo o site com o único propósito de levar as pessoas para esta simples página de destino da lista de e-mails.
Mantive o texto simples e utilizei um grande botão vermelho na esperança de torná-lo chamativo. Também adicionei uma linha de logotipos na parte inferior do site como prova social – uma técnica para ajudar a reduzir o medo na mente das pessoas que estão pensando em se inscrever.
3. Barra de ferramentas do cabeçalho atualizada
Esta foi uma grande mudança no layout do blog, especialmente para usuários de dispositivos móveis, mas foi feita com o objetivo de empurrar mais conteúdo para cima, acima da dobra, a fim de melhorar a experiência do usuário. Também descartei a antiga promoção estilo HelloBar que eu estava executando em favor de um novo botão no lado direito.
Eu não consegui casar exatamente as capturas de tela antigas e novas do celular, pois houve uma atualização do iOS entre elas. Mas, como você pode ver, o antigo design responsivo estava empurrando tanto conteúdo para baixo da dobra em nome de ter um logotipo maior e o menu imediatamente presente. O logotipo nem está aparecendo, já passei por ele.
O novo design encolhe o logotipo e coloca o menu perfeitamente atrás de um menu suspenso padrão, que agora é praticamente identificável pela maioria dos usuários de celular. Eu também “escondi” a promoção HelloBar para usuários de celular para que ela não os siga e ocupe espaço na tela.
4. Removi a barra lateral em favor de um design de postagem de coluna única
Essa foi a mudança que mais me preocupou. Não incluirei uma comparação de capturas de tela porque você poderá ver a mudança diretamente enquanto lê este post.
O que notei é que a barra lateral realmente não estava fazendo muito pelas conversões. O formulário de opt-in da barra lateral teve um desempenho muito ruim, e os links da barra lateral não eram uma forma popular de navegar pelo blog. Eu realmente gosto da maneira como Medium e alguns outros mantêm o foco unicamente no conteúdo e decidi fazer o mesmo.
Dito isso, tive duas grandes preocupações. Primeiro, eu tinha minha foto na barra lateral anteriormente e me perguntei se removê-la tiraria algum elemento de confiança/contato humano que ela fornecia. Segundo, remover todos os links da barra lateral teria um impacto negativo nos meus resultados de SEO, pois representaria uma perda de links. Falarei mais sobre isso abaixo.
5. Atualizei a página “Melhores Posts” para ser mais interativa
Anteriormente, a página “Melhores Posts” se chamava “Posts Populares” e era apenas uma lista de links. Agora é um design responsivo em estilo mosaico que tem uma seleção de artigos que quero exibir.
Sempre tentei usar o design do meu tema para direcionar as pessoas para áreas do site que quero que elas vejam e decidi seguir esse objetivo nesta página. A página agora representa visualmente mais a marca, e cada artigo é um que quero que as pessoas encontrem sem deixar muito ao acaso.
Que efeito essas mudanças tiveram?
Vamos dar uma olhada em como essas mudanças de design impactaram várias coisas no blog.
Aumento nas conversões da página de destino
Primeiro, a taxa de conversão para a página de destino da lista de e-mails aumentou significativamente simplesmente atualizando a capa do eBook e trazendo mais conteúdo para cima da dobra:
Como você pode ver, quase 50% das pessoas que visitam a página se inscrevem na lista de e-mails. Embora esse número sozinho não forneça insights sobre as conversões em todo o site, estou bastante feliz com esse número para uma página de destino individual.
Aumento nos opt-ins da página inicial
Da mesma forma, o formulário de opt-in da página inicial aumentou de 2,6% para 4,2% sem fazer nenhuma alteração além de empurrá-lo acima da dobra em cerca de 500px, removendo o antigo cabeçalho e trocando-o pelo novo.
Sei que outras pessoas obtêm conversões muito maiores com suas páginas iniciais, mas estou bastante feliz com este aumento, e os opt-ins parecem ser de alta qualidade (eles não se inscrevem e depois se desinscrevem).
Possível pequeno aumento no tráfego do Google
Em termos de classificações do Google, é um pouco cedo para dizer se teve um efeito positivo. Como mencionado na semana passada, há muitas mudanças sazonais acontecendo com o tráfego do Google, e também houve uma atualização de algoritmo, segundo relatos.
Eu dei uma olhada em muitas áreas diferentes em minhas Ferramentas do Google Webmaster e a maioria está consistente ou ligeiramente melhor. Como você pode ver acima, a mudança é mínima, mas ficarei de olho para ver se as coisas mudam.
Aumento nos ganhos em todo o site
Em termos de ganhos, não me sinto confortável em compartilhar os números e estatísticas individualmente, mas parece que estamos acima em cerca de 1,5% em relação ao mesmo período de tempo antes de as mudanças serem feitas. Isso é bastante positivo devido às mudanças sazonais que mencionei antes.
Algumas lições ao ajustar o design do blog
Pensei em terminar este post trazendo alguns pontos que podem ser importantes de lembrar se você planeja ajustar o design do seu blog:
- Hospede seu próprio site
Eu sei que digo isso muito, mas você realmente é muito limitado pelo que pode alcançar se estiver trabalhando em um blog gratuito. Ao hospedar seu próprio site, você pode adicionar ou criar seus próprios plugins e scripts, editar seu tema ou até mesmo criar o seu. A BlueHost tem uma oferta especial de US$ 2,95 para leitores do Blog Tyrant se você quiser começar. Aprenda como configurar o WordPress em nosso guia como instalar o WordPress. - Deixe seus leitores felizes
A principal coisa que eu queria voltar com este design era focar na experiência do usuário. Eu queria remover a desordem para que o site fosse mais fácil de ler e tornar o fluxo do site mais simples. Parece que isso está tendo um efeito nas conversões, mesmo nesta fase inicial, então espero continuar descobrindo maneiras de simplificar a experiência para aqueles que estão lendo (que é sobre o que o site trata). - Priorize o mobile
Precisamos começar a pensar na experiência mobile além de ser apenas uma coisa secundária para o desktop. O Google agora está ponderando as buscas de forma diferente para sites que funcionam bem no mobile, e à medida que mais pessoas se sentem confortáveis comprando online, veremos um aumento dramático na importância de um bom design responsivo. - A sabedoria convencional nem sempre se aplica
É vital lembrar que as verdades de marketing que você ouve sobre design de blog e conversões não se aplicam a todos os casos. É bom medir suas estatísticas porque você pode mudar algo com base na sabedoria convencional apenas para descobrir que isso tem um efeito ruim em seu nicho. - Trabalhe com alguém bom
Não tente fazer todas essas mudanças sozinho. Leva muito tempo e você frequentemente acaba cometendo erros que o atrasam por horas. Encontre um bom designer e/ou desenvolvedor em quem você confia e com quem possa trabalhar a longo prazo. Você encontrará uma recomendação no meu rodapé. - Copie coisas
Não há problema em copiar ideias de outros blogs que estão indo bem. Dê uma olhada nos outros blogs do seu nicho e veja o que eles estão fazendo e se há alguma maneira de você melhorar o que eles estão fazendo. Ao fazer isso, é claro, mantenha em mente o ponto sobre o senso comum e os testes.
Que mudanças você fez no design do seu blog?
Você já fez alguma mudança significativa no design do seu blog que levou a um aumento (ou diminuição) de cadastros? Eu ficaria muito interessado em saber o que você mudou especificamente e quais outras áreas de suas estatísticas ou site isso afetou.
Por favor, deixe um comentário abaixo e me diga.
Agora estou inspirado 🙂
obrigado
Fico feliz que tenha gostado, Jack!
Ideias realmente interessantes. Eu ficaria petrificado de abandonar minha barra lateral, mas vou considerá-la. A ideia do rodapé também é muito tentadora. Obrigado, como sempre, pelas ótimas contribuições. E adorei o novo design!
Sim, ainda estou inseguro sobre a barra lateral. Obrigado.
Tenho pensado na ideia de não ter barra lateral e focar na simplicidade do conteúdo do meu blog, mas também tenho medo de fazer a mudança. Já liberei minha barra lateral, mas agora é só dar o passo extra!
Adoro que você ainda esteja experimentando mesmo quando já está bem estabelecido… isso exige mais coragem porque você tem algo a perder. Mas parece que deu tudo certo!
Oi Yolanda.
Obrigado pelo comentário. Você teve algum motivo pessoal para abandonar sua barra lateral?
Gosto que o foco seja no conteúdo, e sinto que a barra lateral está realmente lá apenas para distrair os leitores. Ainda não estou convencido, no entanto – minha barra lateral ainda existe por enquanto.
Agora eu quero trazer a minha de volta! Ha.
Acho que não tem problema se não for fixa e tiver apenas algumas coisas no topo, como me lembro que a sua era. Dito isso, atualmente tenho um anúncio fixo na minha barra lateral, então sou um pouco hipócrita!
Continue experimentando 🙂
Gostei do novo cabeçalho; muito mais limpo. Estou visualizando do meu celular e melhorou muito.
Obrigado Stephen. Agradeço muito o feedback.
Olá Ramsay,
Ótimo conteúdo.
Nos últimos 4-5 dias, eu também mudei meu tema do blog de Hemingway para MH magazine. Gostaria de saber como mudar meu tema existente? Precisa de conhecimento de html…?
Saúde
Sim, geralmente você precisa saber um pouco de codificação para realmente mudar os principais aspectos do WordPress. Alguns temas têm funcionalidade de arrastar e soltar, mas não tenho certeza sobre o seu especificamente.
Obrigado pela sua rápida resposta…
Ótimo!!!
Eu também estou a caminho de começar meu próprio blog. Já o desenhei. Mas acho que a versão mobile dele deveria ser melhor.
Então preciso mudar o design.
Qual tema devo usar?
E qual ferramenta de backup você recomenda?
Obrigado novamente.
Oi Subhabrata.
Escolher um tema é bem complicado – depende realmente do que você quer tirar do seu blog. O tema padrão é muito bom, mas você também pode querer conferir algo como o StudioPress, pois eles têm excelentes opções.
Quanto a backups, meu administrador de servidor criou um script para fazer backups semanais e armazená-los separadamente, então eu faço isso diretamente do servidor. Existem muitos plugins que podem ajudar, no entanto.
Boa sorte!
Obrigado pela sua rápida resposta.
Tenho orgulho de ser um leitor regular do seu blog.
Eu simplesmente adoro.
Muito obrigado.
Se você remover completamente a barra lateral, como você promove seu sorteio de lista de e-mail?
Adoro escrever posts sabendo que eles têm largura total E esta é a única coisa que me impede.
Olá Simon.
Minhas principais promoções de lista de e-mail são um pop-up de saída, uma caixa no rodapé e a opção "atualizações" na barra de ferramentas.
Suas respostas são sempre incrivelmente rápidas. Muito impressionante!
Seu site e conteúdo são brilhantes. Acabei de me tornar um assinante fiel : )
Realmente aprecio isso!
O site parece muito bom e adoro a forma como o logotipo se destaca no menu preto. Eu também tenho flertado com a ideia de abandonar a barra lateral – por que isso é tão assustador?!? ~90% dos visitantes do blog estão no celular agora e, portanto, provavelmente nem veem a barra lateral, então funcionalmente ela JÁ se foi em termos da experiência da maioria dos usuários. É bom ver que você não recebeu uma penalidade do Google com a mudança. Talvez isso me impulsione alguns passos nessa direção 😛
Provavelmente é muito cedo para dizer sobre a coisa do Google, mas acho que vai ficar tudo bem. Você realmente tem 90% de leitores no celular? Isso é enorme.
Olá Ramsay,
Para mim, é um sucesso. Admiro o esforço que você colocou aqui.
Conectar os usuários do seu blog tem muitas coisas que precisam entrar em jogo. E um movimento ideal é começar com uma boa primeira impressão. Um design ruim, é claro, acabará por afastar as pessoas ou diminuir suas taxas.
O primeiro, devo dizer, foi um design elegante, mas este novo movimento o torna mais claro.
Aprendi algumas coisas aqui para aplicar. Obrigado.
Francis
Obrigado, Francis. Aprecio o feedback.
Ramsay, ótimo artigo e ele realmente explica o feedback e a experiência da vida real que você passou, imensamente útil para blogueiros novos e intermediários.
O tópico próximo ao meu coração é a barra lateral vs. sem barra lateral.
Comecei sem barra lateral, depois a coloquei de volta. Após cuidadosa consideração e, assim como você, eu gostava do estilo do Medium, tirei a barra lateral AGORA novamente. Acho que vou me contentar com sem barra lateral agora. Ótimo saber que não estou sozinho :)).
Gosto de ler seus artigos, este será compartilhado com minha pequena comunidade também.
Saúde
Me diga quais resultados você obtém sem a barra lateral. Teria interesse em saber.
Estou em processo de redesenho de um site e também estou preocupada. Preciso me lembrar que com um backup do site como ele está, sempre posso voltar, então preciso encarar a realidade e aprovar as mudanças. (E como nunca chove, mas sim troveja, também estamos no meio de uma mudança para reduzir o espaço de moradia.) Você está anos-luz à minha frente em tudo relacionado a blogs/web (sou uma velha aprendendo truques novos), mas estou comprometida em tentar melhorar. Uma pergunta: Embora as novas páginas gratuitas da barra lateral funcionem bem para leitura em dispositivos móveis portáteis, acho difícil escanear/ler rapidamente da maneira que estou acostumada quando o texto está espalhado por toda a largura da página em um computador portátil/de mesa. Sei que posso reduzir a largura da página na tela, mas então a impressão fica muito pequena sem ajuste adicional. Acho que meu compromisso será fazer o conteúdo em largura de página em páginas de destino que terão links de blocos como os seus, mas as páginas individuais de postagens de blog terão barras laterais. Você acha que essa é uma abordagem ridícula?
PS: Qual plugin você usa para o seu menu suspenso "Enviar e-mail SOMENTE se alguém responder ao MEU comentário"? Eu adoro!
Oi Suzanne.
Sua intuição sobre a largura da área de conteúdo está correta – estudos mostraram que as pessoas não leem bem quando ela ultrapassa uma certa largura, embora eu não me lembre das dimensões exatas. É por isso que mantive a largura do meu conteúdo a mesma de quando havia uma barra lateral. Dê uma olhada em todos os blogs de coluna única (como o Medium) e eles fazem o mesmo. É fácil codificar assim, no entanto.
O plugin se chama: Send email only on Reply to My Comment
Tenho pesquisado diferentes programas para um formulário de opt-in no rodapé, bem como uma barra de saudação. Só não tenho certeza se investir as taxas mensais para isso é o certo a fazer. Descartar a barra lateral pode ser o caminho a seguir. Concordo com todos que fazer mudanças é assustador. Obrigada Ramsay por sempre me manter atenta e por todas as suas ótimas ideias.
Oi Beth. As pessoas relatam resultados muito bons com programas como o Sumo Me para esse fim.
Estou pensando sobre sua coisa de "sem barra lateral" – isso é melhor para celular? (Agora que penso nisso… o que acontece com minha barra lateral quando vejo meu site no meu dispositivo móvel… hmm.)
Eu realmente gosto do seu novo design!
Como você descobriu em quem confiar para fazer o redesenho? Tive uma experiência absolutamente horrível com alguém que foi recomendado e que conheci em uma conferência de blogs. A pior parte é que existem pessoas que sabem projetar (fazer as coisas parecerem bonitas) e pessoas que sabem codificar (fazer funcionar), e ela não sabia fazer nenhum dos dois. E gastei alguns milhares pelo privilégio de ter meu site arruinado e depois mais alguns milhares para consertá-lo.
Tudo isso para dizer que estou receosa. Mas sei que preciso fazer um redesenho em breve.
Oi Tracy.
Eu mesmo fiz o design e mandei codificar pelo meu cara de codificação regular da empresa no meu rodapé. Eu os recomendo fortemente – em mais de 10 anos de negócios online, não encontrei um grupo melhor de WordPress nessa faixa de preço.
Boa sorte!
É super impressionante que você mesmo tenha projetado o site. Obrigado pela recomendação. Vou conferir.
[ Sorri ] Adorei seu novo layout.
Remover sua barra lateral deu ao seu blog um visual muito limpo.
Eu desisti da minha barra lateral há aproximadamente um mês e meio; como resultado, ela carrega mais rápido.
Ah, bom ponto, eu nem tinha pensado nos tempos de carregamento!
Meu ímã de leads costumava ser DOIS e-books. Sempre pensei que dois e-books detalhados seriam o melhor. Então mudei, para um teste, para um checklist. O checklist funcionou, a longo prazo, para atrair muito mais assinantes diários.
Por que você acha que isso acontece? Mensagem mais simples?
Exatamente. Acho que sempre que você está ensinando pessoas que são novas em uma área, elas querem algo que possam reutilizar. Muito parecido com um "20 coisas para fazer antes de publicar seu próximo post no blog". Uma vez que elas usam repetidamente, só então se torna algo natural.
Obrigado por compartilhar seus resultados. Eu sou meio viciado em temas de blog e já mudei meu visual muitas vezes. Eu realmente gosto do visual de coluna única, mas voltei para duas colunas pensando que precisava daquele 'conteúdo' na minha barra lateral. Eu não tenho tráfego de blog suficiente para sequer comparar estatísticas de antes e depois e decifrar o que funciona melhor, então fico feliz que você compartilhou os seus.
Fico feliz que tenha gostado, Pat.
Oi Ramsay,
Tenho curiosidade sobre as mudanças desde que você começou a ajustar todos os pequenos elementos.
Sua foto no sofá, a capa do e-book, a seção no final dos posts (eu gostei da anterior que dizia "Coloquei muito trabalho duro nos meus posts..."), e as outras.
Cada vez minha reação imediata era "Ah, Ramsay mudou xyz desta vez. Ficou legal!"
Entre todos os blogueiros que conheço, você é o mais atento aos detalhes; meio perfeccionista afiado.
Eu adoraria mergulhar nos detalhes exatamente como você faz!
Temos experimentado alguns detalhes visuais em nossa página "em breve" recentemente antes de começar.
🙂
Ei, amigo. Obrigado pelo feedback. Que bom te ver por aqui.
Fico feliz em receber tal feedback sobre o novo design do seu blog.
Como você sabe, eu realmente gosto de ler seus artigos porque sempre aprendo algo valioso.
No entanto, fico surpreso com o quanto você trabalha em seu blog. Hoje, eu estava tentando concluir meu último artigo de cerca de 4500 palavras, e falhei em terminá-lo. Escrever bons artigos é realmente um trabalho em tempo integral!
Espero poder delegar algum trabalho mais tarde, mas minhas rendas são muito pequenas por enquanto. Quase microscópicas... Então, seu exemplo é muito importante para mim, e certamente para a maioria dos seus leitores.
Continue seu bom trabalho para o nosso bem. Obrigado Ramsay!
Sim, bons artigos levam muito tempo. Geralmente vale a pena, no entanto!
Oi Ramsay,
Seu site móvel é separado do seu site para desktop?
Ou é apenas um site responsivo e você fez algumas alterações adicionais na barra de menu, etc. para dispositivos móveis?
Pedi a um desenvolvedor para ajustar como meu site aparece em dispositivos móveis (é um tema responsivo), mas ele disse que só pode criar um site móvel separado como um subdomínio, em vez de ajustar um site responsivo.
Pergunto-me o que você sabia sobre qualquer um desses assuntos.
Obrigado
Joe
Oi Joe. Isso me parece um conselho incorreto do desenvolvedor, mas seu tema pode ser diferente. Geralmente, você pode usar configurações de CSS para fazer com que elementos mobile apareçam de forma diferente. Por exemplo, você pode ter uma linha de código que altera um determinado botão ou o remove completamente quando o tamanho da tela é menor ou igual a 500 pixels.
Oi Ramsay, encontrei você quando mudei para auto-hospedado, e agora que estou considerando mudanças de formato, você apareceu bem na hora.
Se outros não virem como você está sintonizado com blogs, eles verão. Você é como uma vidente ao contrário. Nós pensamos, você faz, nós ganhamos coragem para continuar. Não é um mau negócio.
Obrigado, David
Isso significa muito, David. Obrigado. Sinta-se à vontade para enviar um e-mail sobre quaisquer coisas específicas que você gostaria que fossem abordadas no blog. Estou sempre aberto a isso.
Isso é realmente interessante, Ramsay
Removi minha barra lateral por um mês e as opt-ins caíram 20%. Eu esperava que minhas atualizações de conteúdo de alta conversão compensassem, pois não havia distrações na barra lateral – mas isso não aconteceu, então coloquei a barra lateral de volta.
No entanto, olhando mais de perto, acho que A. Meu conteúdo não foi envolvente o suficiente (isso dói!), e B. As atualizações de conteúdo não foram específicas/relevantes o suficiente
Então…
Estou agora trabalhando para melhorar ambos os problemas antes de fazer um segundo experimento de 'sem barra lateral', e verei onde isso me leva. Acho que o foco adicional de conteúdo de abandonar a barra lateral faz mais sentido para aumentar as inscrições – mas também expõe seu conteúdo a um escrutínio maior (se isso faz sentido!).
Saúde!
Loz
Que outras opções de opt-in você tinha disponíveis para as pessoas quando a barra lateral sumiu?
Eu tinha um pop-up de saída e também tentei um dropdown no topo estilo Hello Bar. O maior sucesso que tive foi com CTAs gráficos de clique que levam a uma landing page :)
Site muito impressionante. Eu gostei da sua barra lateral. Bem, isso é outra questão. Seu site é mais fácil de ler e navegar. Eu sei que meu site precisa de alguma mudança, mas às vezes eu simplesmente não sei por onde começar. Eu chegarei lá um dia em breve! Novamente, obrigado pelo compartilhamento. Como sempre, aprecio seu conhecimento.
Obrigado por comentar.
Divertido ver e ouvir sobre suas mudanças, Ramsay! Recentemente, comecei a fazer alguns dos meus posts do blog em largura total (sem barra lateral como esta). Meu site (thefoxandshe.com) tem muitas imagens, então pensei que isso permitiria que as imagens fossem vistas melhor. Uma coisa que sempre me pergunto/luto é como lidar com a cópia… É melhor tê-la dividida entre as imagens ou toda na parte inferior, sob as imagens? E, a coluna de largura total torna mais difícil para os leitores realmente lerem? Eu nunca sei! Adoraria qualquer insight que você tenha! Obrigado novamente por compartilhar! Amei o novo rodapé!
Oi Blair.
O design de coluna única no seu site parece adorável para mim. E acho que quebrar imagens com texto é uma ideia muito boa. A única coisa que talvez eu considerasse mudar é a espessura da fonte – é um pouco grossa para mim e acho que mudar para algo mais limpo poderia agregar um pouco à marca. Dê uma olhada em algo como Source Sans Pro Light nas fontes do Google: https://www.google.com/fonts
Obrigado Ramsay!! Vou dar uma olhada na fonte, enquanto isso, deixei a espessura mais leve, o que faz os links se destacarem — Agradeço a sugestão!
Blair
Oi, Ramsay,
É incrível o que pequenas mudanças podem fazer por um site, não é? Adoro as mudanças que você fez, mas adoro especialmente como você acompanhou tudo e documentou os efeitos específicos. Recentemente, mudei um pouco meu site para facilitar aos leitores a descoberta de como podem trabalhar comigo, e tem funcionado maravilhosamente, mas gostaria de ter prestado mais atenção aos números logo após a mudança.
Obrigado,
Sue
O que teve o maior impacto no seu site, Sue?
Post inspirador, obrigado Ramsay. Bom momento também, já que estou tentando descobrir o que fazer com o meu.
Estou fazendo alguns wireframes, mas estou um pouco dividido entre focar no que a maioria dos usuários está lá para (por exemplo, encontrar uma trilha para fazer ou aprender sobre caminhadas) e meus próprios objetivos (por exemplo, inscrições na lista, venda de passeios de caminhada e o livro que estou prestes a publicar, etc.).
Você acha que é uma má ideia ter vários CTAs acima da dobra na página inicial? Alguma sugestão sobre onde focar essa parte do meu design?
Eu acho que manter uma mensagem é uma ótima ideia. Coloque as pessoas na lista de e-mails e, depois, você poderá apresentar mais produtos ou ofertas.
Adorei! Acho que você fez um ótimo trabalho em mantê-lo familiar para as pessoas que te conhecem e acessível para os novos. Também gosto da forma como você tem o grande opt-in na parte inferior. Muitas pessoas fazem isso no topo, o que é bom, mas você sabe que se alguém chegou até o final, é mais provável que esteja mais engajado como leitor de qualquer maneira. Perfeito. :)
Valeu, amigo!
Oi Ramsay,
Como posso ver que é óbvio, o design antigo não é tão bom quanto um novo design. Mantive o olho até mesmo nos elementos únicos e pequenos. O que, por sua vez, o ajudou muito.
Agradeço!
[...] aumentou sua taxa de conversão quando removeu a barra lateral de seu site. Ramsay, do Blog Tyrant, também recentemente dispensou a barra lateral ao redesenhar seu [...]
Oi Ramsay
Adoro seu novo design e as mudanças que você decidiu implementar. Gosto de mexer no meu blog e fiz várias das coisas que você menciona aqui. A maior que mais gostei foi a remoção da barra lateral.
Remover a barra lateral foi uma grande mudança, mas algo que eu queria fazer para tornar meu site muito mais limpo e focar o leitor no próprio conteúdo. Até agora, tem tido um bom desempenho.
Obrigado novamente por compartilhar suas descobertas. Ótimas coisas!
– Jeff
Fico feliz em saber que o design sem barra lateral funcionou para você!
Ótimo conselho! Comecei meu blog há alguns meses e planejo mudar para o WordPress, além de atualizar meu tema. Com um site mais personalizável e amigável, acredito que minhas estatísticas aumentarão muito! Obrigado pelas dicas úteis, como sempre!
Muito obrigado por postar isso. Especialmente remover a decisão da barra lateral aumentou minha confiança, pois sempre achei as barras laterais perturbadoras. Acho que muitos portais de notícias online precisam perceber a importância de deixar o leitor focar no conteúdo. As barras laterais atrapalham a responsividade da página, de modo que deixei de ler o artigo no meio ou preferi outro site. No entanto, embora isso exija experimentação, a remoção das barras laterais também pode ter um efeito negativo? Se sim, você pode explicar como? Ou talvez outro blog sobre isso possa ajudar. Espero não estar enfatizando demais esse detalhe.
Isso é algo incrível. Estou prestes a começar com marketing por e-mail, então essas dicas e a colocação do formulário definitivamente me ajudarão a obter uma boa conversão. Muito obrigado!
Continue o ótimo trabalho!
Cara, o novo design ficou ótimo! É moderno, os elementos de design se misturam bem, o rodapé é incrível!
Uma coluna e sem barra lateral é o que a maioria dos proprietários de sites teme. Mas, mesmo considerando todas as suas preocupações, as estatísticas mostrarão com o tempo que é a melhor decisão (especialmente para sites onde o conteúdo é perene, longo e educacional).
Gostei da capa do livro também - os esforços em branding estão começando a aparecer, e a marca Blog Tyrant já tem uma imagem que vem à mente.
Me fez pensar em sentar com meu parceiro e revisar algumas das soluções de design que implementamos anos atrás... Talvez seja hora de testar.
Olá Ramsay,
Tenho acompanhado seu blog incrível há quase um ano e tenho que admitir que você continua escrevendo coisas incríveis.
Recentemente implementei alguns de seus conselhos em meu site e os resultados foram ótimos, 3x mais pessoas estão entrando na lista.
Eu só queria reservar um tempo para agradecer por todas as ótimas informações que você está fornecendo e que são muito apreciadas.
Eu estava apenas me perguntando qual oferta do Fiverr você usa para seu personagem?
De qualquer forma, tenha um dia incrível e continue inspirando pessoas ao redor do mundo.
Este novo design é realmente maravilhoso. Nos últimos anos, percebi que manter um único tema é muito difícil e, portanto, mudei para muitos temas. Mas não percebi muito que mudar o design poderia melhorar as inscrições por e-mail. Obrigado por compartilhar essa experiência maravilhosa aqui.
Oi Ramsay,
Simplesmente Amei o Blog…!!!
Blog muito bom com informações muito boas, foi bom ver esse tipo de coleção.
Comecei um site relacionado à moda que traduz as influências de hoje na moda de amanhã, então você pode sugerir alguns pontos úteis para que eu possa melhorar apenas esses pontos específicos, para ganhar algum tráfego de qualidade.
Obrigado
Pessoalmente, acho que o marrom sobre preto no seu cabeçalho é horrível.
Eu odeio marrom.
Oi Paul. É vermelho, mas obrigado pelo feedback.
Oi Ramsey, depois de configurar recentemente um novo site, me deparei com o mesmo dilema entre design e funcionalidade, que espero ter resolvido em grande parte. Como você afirmou, a compatibilidade de um site com dispositivos móveis parece ser um fator tão importante agora, com o Google penalizando aqueles que não são otimizados para usuários móveis. Acho que esta é provavelmente uma das áreas mais importantes para focar ao olhar para o design de sites. Só pensei em dar minha opinião 🙂
Obrigado por passar!
Ei Ramsay! Obrigado por postar isso. Isso prova como pequenas mudanças podem trazer mais resultados para qualquer negócio que você decida administrar. Também é muito bom ver que, ao mudar a capa eletrônica do seu lead magnet, você obtém uma melhor taxa de opt-in. Saúde!
Obrigado Billy!
Existe algum plugin para tornar os blogs mais amigáveis para dispositivos móveis? Ou é apenas parte das atualizações do WordPress? Eu amo a interface e o design, você realmente se superou Ramsay! Mas meu humilde blog não parece tão amigável ou esteticamente agradável via smartphone.
Oi Jeevan. Você vai querer encontrar um tema WordPress chamado "mobile responsive" (responsivo para dispositivos móveis). Este é um tema/template projetado para se adaptar automaticamente com base no tamanho da tela do espectador. Essa é a melhor maneira de garantir que os leitores móveis sejam atendidos. Espero que ajude.
Oi Ramsay,
Eu amo este post porque mostra que pode valer a pena se você prestar atenção à experiência dos usuários em vez de apenas aos seus próprios objetivos. Acho que muitos blogs estão começando a cair perigosamente naquela zona de não serem legíveis devido a toda a desordem e pop-ups em seu design.
Eu acho que pode ser fácil se envolver demais na loucura de "aumente sua lista de e-mails" a ponto de perder de vista o fato de que seus leitores precisam ser capazes de ler seu conteúdo primeiro antes de você convertê-los.
Eu desisti da barra lateral e de qualquer tipo de link de compartilhamento social quando alguém está lendo meu conteúdo e criei uma seção de compartilhamento dedicada sob o conteúdo. Embora meu site ainda seja novo, a taxa de rejeição está em torno de 40% e as sessões de usuários estão em média 4+ minutos, o que significa que as pessoas não se importam em ficar no site.
Essa é uma boa sensação. Fico feliz em ver que a reformulação está funcionando para você.
Sim, ótimo ponto. Alguns sites estão ficando loucos com todos os seus pop-ups. Fico feliz em saber que sua estratégia está funcionando.
Meu blog é novo. A primeira grande mudança será fazer um tema personalizado. No momento em que isso for feito, voltarei aqui para compartilhar alguns resultados que estou obtendo. O artigo me inspirou muito.
Um tema personalizado é um grande passo. Não gaste muito tempo com isso.
Ei Ramsay,
O design ficou muito mais incrível agora que você removeu a barra lateral. Isso nos ajuda a ler o conteúdo melhor, sem distrações.
Continue o bom trabalho.
Obrigado, James. Realmente aprecio.
Concordo totalmente com você sobre auto-hospedar um site, pois dá mais controle sobre nosso site. A coisa que aumenta a taxa de inscrição é o teste AB.
Você precisa fazer testes AB em muitos elementos do seu site para saber qual está convertendo melhor.
O teste AB é lucrativo para blogs que têm uma boa quantidade de tráfego, mas para novos blogueiros, eles devem focar primeiro no tráfego.
O que você diz, Ramsay, sobre isso?
A propósito, um estudo de caso muito detalhado. Obrigado por isso.
Não acho que seja cedo demais para começar a testar, desde que não tire o foco do seu negócio principal, que é produzir conteúdo, etc.
[…] Link da fonte […]
Ramsay,
Isso é muito bom aqui. Concordo totalmente com o seu artigo. Estou sempre testando coisas no meu blog e isso me faz mudar as coisas bastante.
Seu artigo me deu algumas ideias. Obrigado por compartilhar e parabéns pelos resultados incríveis.
Babs.
Espero que ajude!
Olá blogtyrant,
Acabei de descobrir seu blog e estou procurando algumas dicas sólidas de SEO, que encontrei em seu post "SEO para Idiotas". Comecei a seguir os passos mencionados e espero ver alguns resultados em breve.
Obrigado,
Tenha um bom dia 🙂
Fico feliz que você tenha gostado!
Remover a barra lateral foi um movimento corajoso. Bem feito, será interessante ver como seu tráfego muda, se é que muda.
Você considerou adicionar seu formulário de opt-in dentro de seus posts? Sei que antigamente você o tinha no final de cada post.
Sim, ainda está lá embaixo, agora é apenas um botão. Parece estar funcionando muito bem em conjunto com o pop-up.
Oi Ramsay,
Obrigado por compartilhar mais uma história de sucesso.
Eu mesmo quero mudar o design do meu blog, mas também tenho um medo em mente de que eu possa prejudicar meu ranking no SERP ou diminuir a taxa de conversão das minhas vendas de afiliados.
Você notou alguma mudança nessas duas áreas após mudar seu design?
Ambos estão em alta nesta fase. Pode ser muito cedo para dizer, no entanto.
Ótima transformação na capa do e-book... parece menos marketing multinível e mais confiável!
Obrigado! Fico feliz que pense assim.
O novo blog está ótimo, Ramsay,
Não só parece melhor, mas aumentou suas taxas de conversão em uma grande margem! É por isso que o design e o layout de um site são tão importantes.
Benja
Esta é a minha primeira vez no seu blog, Ramsay.
Tenho que confessar que estou impressionado com o design e o ótimo conteúdo que você tem aqui.
Tenho uma pergunta sobre a série de logos que você tem no seu rodapé. Logos como Copyblogger, Forbes, MOZ, Problogger, etc.
Você realmente precisa ter conteúdo nos sites deles antes de colocar o logo deles no seu site ou não?
Sim, enquanto espera que ele volte para você, acho que sim.
Você deve ter conteúdo nos sites deles antes de fazer isso.
Espero que isso ajude.
Olá Ramsay,
Primeiramente, ótimo design após as mudanças.
Li sua explicação detalhada sobre as mudanças e como você pode obter a estratégia de dupla inscrição, é realmente impressionante. isso é muito útil para blogueiros iniciantes. Vou compartilhar seu post em minha rede e amigos, talvez eles fiquem felizes em ler este valioso artigo.
Com essas estatísticas, mesmo meia porção não é nada saudável.
Também é mais fácil para o médico detectar quaisquer inchaços suspeitos,
porque o tecido é macio. Quantas xícaras em uma tigela de sopa
Se você deseja uma lente varifocal ou de maior distância focal, você pode ficar sem sorte.
Na verdade, tornou-se conhecido que essas imagens borradas resultam em números de registro incorretos sendo identificados, com 609 parecendo 607 na tela, por exemplo.
Microfone de CFTV Devido a ameaças terroristas, ter CFTV em sua casa e
em escritórios tornou-se a necessidade do momento.
Por definição, televisão de circuito fechado, conhecida como CFTV, usa câmeras de vigilância para transmitir para um local específico em um conjunto restrito
de monitores. Decidir qual é a melhor câmera de CFTV para comprar é certamente uma decisão importante para
ser tomada e há muitas considerações a serem
feitas.
Essa comunicação pode ocorrer em frequências licenciadas para evitar o vazamento de
informações ou a invasão por outros usuários.
Apenas aprenda uma quantidade de sites em conexão com esses
equipamentos. Baofeng bf-888s Eles funcionam quando desastres derrubaram outros métodos de comunicação.
Andrew Wolfe, LMP traz 24 anos de experiência clínica avançada e treinamento para o show,
com insights e conhecimento que superam os de outros em seu
campo. Baofeng uv-82 ou uv-5r A cerca elétrica pode ajudar seu
animal de estimação a entender suas restrições em seu quintal ou locais de contenção.
E se você quiser ainda mais ajuda, procure uma aula de treinamento de mídia ou trabalhe com um publicitário profissional.