10 de jul de 2015

Por que ter um blog responsivo?

Quem aí já ouviu falar na palavra “responsivo”? Hoje em dia muitos blogs já aderiram aos layouts responsivos e se você ainda não se inclui nessa lista, eu vim aqui para te apresentar ao mundo responsivo e te convencer dos porquês de ter um blog assim. Para que vocês entendam, vou tentar explicar da forma mais fácil possível para nós, meros mortais, ok? :)
caparesponsivo

O que é um layout responsivo?

Então, comecem diminuindo a tela do Coisas de Blogueiras ou abrindo diretamente do seu smartphone (e se já estiver no smartphone, compare com a forma como aparece no computador). Vocês repararam que em cada tamanho de tela o blog aparece de uma forma diferente?

Sabem por que isso acontece? Porque o layout do Coisas de Blogueira é responsivo! Isso significa que em qualquer lugar onde ele for aberto, seu layout se adaptará ao tamanho da tela. Se você usar um celular para navegar no blog, seu layout será exibido com a sidebar, que normalmente fica ao lado, lá embaixo de todos os posts. Tudo se adapta à tela, desde as fontes até as imagens!

Quais são as vantagens?

A experiência que o usuário tem com o layout responsivo é muito melhor. Pode parecer coisa boba, mas só o fato de você tornar o seu blog agradável aos seus leitores na hora de ler e navegar, já é alguma coisa e, pra mim que também sou leitora, faz total diferença. Além disso, você não precisará criar um endereço que redirecione quando seu blog for acessado em uma versão mobile, o layout responsivo já faz isso pra você “automaticamente”.

É fácil criar um layout responsivo sozinho? Quanto custa?

Quando os blogs responsivos começaram a ser criados, eu logo quis aprender para deixar o meu assim. Um amigo disse que era fácil, eu acreditei. Quando fui criar (usando Bootstrap – que é assunto para um futuro post), acabei achando um bicho de sete-cabeças. Achei que nunca conseguiria terminar aquilo. Depois que eu terminei e comecei a entender de fato o que eu havia feito, tudo começou a fazer sentido e ficar extremamente mais fácil. Ou seja, fácil pode não ser no começo, mas se você já tem um conhecimento na área de html/css, impossível não é.

Se você não tem conhecimento ou não quer aprender a fazer, hoje muitas web designers já trabalham com esse tipo de layout e você pode comprá-los. O preço varia de designer para designer, mas geralmente os layouts responsivos são cobrados um pouco mais caros por serem mais trabalhosos.

Marcela, você ainda não me convenceu.

Depois de explicar sobre o que é, as vantagens, dizer que não é impossível fazer o seu (e que já temos web designers que fazem todo o trabalho pra você$), se eu ainda não convenci vocês a terem um blog responsivo, se preparem: o Google pune desde Abril sites não responsivos.

Como assim? O Google agora dá mais relevância para os layouts que são responsivos nos resultados de buscas, então, se o seu blog não tem um layout responsivo, quando alguém pesquisar algo que poderia aparecer seu blog nos resultados, o Google vai preferir por mostrar um blog que tenha um layout responsivo e nós não queremos isso, não é mesmo? Queremos que nossos blogs apareçam nos resultados, de preferência, em primeiro lugar.

E como saber se meu layout está responsivo?

Você pode confirmar se seu blog está com layout responsivo pelo Teste de Compatibilidade com Dispositivos Móveis. Esse teste irá dizer se seu blog é ou não responsivo, se ele for aparecerá a seguinte mensagem:
googleok


Bom, é isso! Vou tentar trazer alguns tutoriais pra ajudar vocês. O que vocês acham? Deixem ali ao lado, na sidebar, que posts vocês querem! Se tiverem alguma dúvida sobre isso, podem deixar nos comentários que eu tentarei responder o mais rápido possível! Beijooos! :*

Postado por Marcela Magossi

Apesar da carinha de 15, tem 20 anos, cursa Sistemas de Informação na Unicamp e pretende ser Presidente do Brasil. Expõe todos os seus sonhos no seu blog, Lances para sonhar, e compartilha aqui tudo o que ela aprende sobre html e design gráfico durante suas madrugadas regadas por café, chocolate e Coca-Cola.


  • Fabíola de Andrade Borges

    Em 10.07.2015

    Eu transformei o meu normal em responsivo a partir de umas dicas aleatórias que achei na internet, mas principalmente no Tableless, se não me engano. Porémm, ainda vou fazer alterações no menu principal e inserir categorias e arquivo na sidebar, talvez :)
    Com certeza os responsivos mudam muito a experiência do usuário!

    Responder

  • Marcela Magossi

    julho 12th, 2015

    @Fabíola de Andrade Borges, eu achava que nem faria tanta diferença ter um blog responsivo, mas depois que mudei meu layout, fez uma imensa diferença! Que bom que conseguiu deixar o seu assim, espero que dê tudo certo nas alterações que ainda faltam! Beijos :)

    Responder

  • Sabrina Amorim

    Em 10.07.2015

    Layout responsivo é muito amor <3. No começo eu também não sabia por onde começar, que códigos usar etc. Mas dei uma boa procurada na internet e tenho orgulho em dizer que estou conseguindo fazer um layout responsivo! Amei o post e quero muito ler o próximo sobre Bootstrap. Beijos :)

    Responder

  • Sabrina Amorim

    julho 10th, 2015

    P.S.: Errei o endereço do meu blog :p. É: http://diadeagosto.blogspot.com.br/

    Responder

  • Marcela Magossi

    julho 12th, 2015

    @Sabrina Amorim, fico feliz que tenha gostado! <3

  • Julia

    Em 10.07.2015

    Marcela, tudo bem?
    Eu sempre acompanho o blog de vocês, e assim quando li sobre blogs responsivos, tratei de dar um jeito de deixar o meu responsivo também, como o meu é para mostrar meu trabalho como scrapper, achei super importante ele se adequar à necessidade do cliente, deu muito trabalho, eu não criei meu layout, baixei um free e modifiquei todinho pra ficar como queria, deu muito trabalho, mas uma coisa é certa, VALE A PENA.
    Pelo Google Analytics eu vejo como os visitantes permanecem mais tempo nele, e tenho certeza que isso é graças ao fato dele ser responsivo que facilita a navegação.

    Espero que todas as pessoas se atualizem quanto a isso!

    Beijos

    Responder

  • Marcela Magossi

    julho 12th, 2015

    @Julia, estou bem sim e você? Vale muito, né? O bom é que na internet tem vários layouts free que podem ser usados de base, ajuda muiiiito! Beijooos!

    Responder

  • Camila

    Em 10.07.2015

    Adorei o post!
    Me incomoda bastante quando abro um blog no cel e tenho que ficar ajustando o post com zoom para conseguir ler. Eu até mudei pra WP quando a Aninha disponibilizou o tema base dela, responsivo, para poder deixar o meu desse jeito lindo! *-*
    Inclusive, fica a sugestão pra editar o post e falar sobre o tema da Aninha que é gratuito e perfeito pra quem quer deixar o blog melhor e não quer/pode gastar. :)

    Responder

  • Marcela Magossi

    julho 12th, 2015

    @Camila, eu lembrei do layout da Aninha depois que o post já tinha ido pro ar, aí agora não consigo editar, hahaha. Vou ver se alguma adm não edita pra mim! :D Eu me incomodava demais também, antes até era normal, mas depois que eu descobri os layouts responsivos, ficar ajustando começou a não ser tão legal assim hahaha. Beijoss!

    Responder

  • Ysa

    julho 14th, 2015

    @Camila, Também baixei o tema base da Aninha, mas como sou leiga, não consegui fazer o upload do WordPress para concluir a instalação do blog em si. Não sei o que estou fazendo de errado. Será que você pode me ajudar?

    Responder

  • Daniele

    Em 10.07.2015

    OI OI Marcela, todas as vezes que eu entro nesse blog, me deparo com posts consistentes e ultra,mega IMPORTANTES! muito obrigado Marcela, sou viciada nisso aqui! Eu vi a tua atualização pelo meu FEED DO FACEBOOK e vim correndo.
    Um beijo, Um queijo …
    DANIELE

    PORDANIELE.COM

    Responder

  • Marcela Magossi

    julho 14th, 2015

    @Daniele, obrigadaa! Fico muito feliz que o blog esteja sendo útil, nós fazemos isso com todo amor do mundo pra ajudar da melhor forma possível! Beijoos <3

    Responder

  • Thamires Oliveira

    Em 10.07.2015

    Adorei saber disso, fiz o teste e vi que meu layout é compatível, mas adoraria ver tutoriais para aprender a mexer com essas coisas!
    Beijos

    Responder

  • Marcela Magossi

    julho 20th, 2015

    @Thamires Oliveira, vou tentar trazer vários tutoriais sobre isso no CDB <3

    Responder

  • Meus plugins preferidos do WordPress · {lances para sonhar}

    Em 10.07.2015

    […] Fluid Images | Eu aderi ao design responsivo depois de muito sofrer pra aprender, mas só pra desencargo de consciência, deixo esse plugin […]

  • Ohara

    Em 10.07.2015

    É, atualmente a psoa tb não precisa ficar desesperada se não sabe fazer lay, tem varios temas base na net, tipo o da Aninha, por exemplo.
    Adorei esse post! rs.
    bjooooos!

    Responder

  • Nick Aoke

    Em 10.07.2015

    Olá, Marcela! Tudo bem?

    Tô produzindo o meu blog e tô no impasse de fazê-lo responsivo ou não.

    O que de fato me preocupa é, ao fazê-lo responsivo, os anúncios publicitários do sidebar vão lá pra baixo, certo? Isso não prejudica as possibilidades de negócios dos anunciantes e, consequentemente, as minhas oportunidades de negócios com o blog?

    O que você acha?

    Abraço!

    Responder