tag:blogger.com,1999:blog-50547396998771814602024-03-21T06:23:00.251-03:00iceBreakerBlog especializado em tecnologia, softwares e dicas. Ajuda você a quebrar o gelo da tecnologia e estar antenado a tudo o que está acontecendo no universo web. Aqui você encontrará diversas séries de postagens sobre o Blogger, Twitter, Design e muito mais, além de análises e notícias.Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comBlogger107125tag:blogger.com,1999:blog-5054739699877181460.post-90456093079940315872013-09-03T15:47:00.001-03:002013-09-03T15:47:58.254-03:00Um novo IceBreaker: conheça as mudanças e os novos rumos que chegam ainda em 2013No ano passado, cheguei a escrever sobre o <a href="http://www.icebreaker.com.br/2012/08/o-futuro-do-icebreaker.html">futuro do IceBreaker</a> e reabri o <a href="http://design.icebreaker.com.br/">IceBreaker Design</a> para trabalhar com layouts e identidade visual para blogs. Hoje estou aqui para apresentar a vocês os novos rumos que o IceBreaker vai traçar este ano e o porque de ter tomado estas decisões.<br />
<br />
Em 2010 tive que optar entre prosseguir com o IceBreaker ou prosseguir com o <a href="http://www.nintendoblast.com.br/">Nintendo Blast</a>. Por conta do número de colaboradores, acabei seguindo o caminho do Nintendo Blast, que gerou frutos como o <a href="http://www.playstationblast.com.br/">PlayStation Blast</a> e <a href="http://www.xboxblast.com.br/">Xbox Blast</a>, criando a rede de sites <a href="http://www.gameblast.com.br/">GameBlast</a>, e o IceBreaker ficou parado, mesmo com todos os e-mails e pedidos para que eu voltasse, algo que eu sempre considerei fazer, eventualmente. Por fim, chegou o momento de reposicionar as marcas que eu tenho a disposição, e a maior mudança se dará no IceBreaker.<br />
<br />
Em primeiro lugar, o metablog deixará de existir. As séries de postagens sobre Blogger ganharão um novo lar: o <a href="http://www.googleverse.com.br/">Googleverse</a>, site que fará parte de uma nova rede chamada <i>TechVerse</i>, que ainda contará com os sites <i>Appleverse</i> e <i>Winverse</i>. Estas séries de postagens ganharão uma nova roupagem e serão atualizadas para a realidade de hoje do Blogger - além de receberam novas versões dos eBooks, sob a marca Googleverse. Já o IceBreaker Design passará a ser chamado somente de IceBreaker, assumindo o domínio principal, e passando a funcionar como uma agência digital, prestando serviços não só de design, como também de marketing, SEO, social media, redação e outros. Manteremos um blog institucional sobre estes assuntos e o arquivo do IceBreaker, mas o novo layout que está chegando dará mais destaque aos cases de clientes e serviços prestados. Tomei esta decisão para atender melhor os leitores levando o conteúdo através de um veículo mais bem posicionado, e para poder criar uma marca voltada à prestação de serviços, que estará por trás de todos os outros sites de conteúdo do qual participo. Esta foi a maneira mais eficiente que eu encontrei para "voltar" com o IceBreaker e aproveitar melhor os meus recursos. Portanto agradeço muito a todos pela paciência, por me proporcionarem esta incrível experiência que foi tocar o IceBreaker como metablog, e espero vê-los novamente por aqui, nos sites GameBlast, e também nos sites TechVerse - principalmente no Googleverse com as novas versões das séries Blogger! A gente se vê!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1nHJ2IssTQhPgKBNihKUTQXkUvC25U0XXSuPngCcqKe0MeIbu-S6ZYjtgbET5ZSWKqEAilm1ZW5HjNBfxyw7WQL1NpXHxYe4D1Ggs7zI00HgnOpSDjoPQgnplPA7kmhLapj1o76bv1SM/s1600/iblogo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1nHJ2IssTQhPgKBNihKUTQXkUvC25U0XXSuPngCcqKe0MeIbu-S6ZYjtgbET5ZSWKqEAilm1ZW5HjNBfxyw7WQL1NpXHxYe4D1Ggs7zI00HgnOpSDjoPQgnplPA7kmhLapj1o76bv1SM/s400/iblogo.png" width="400" /></a></div>
<div style="text-align: center;">
<i>IceBreaker em 2013: em breve quebrando o gelo entre a sua empresa e a tecnologia digital ;)</i></div>
Sérgio Estrellahttp://www.blogger.com/profile/09461361833255541145noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-59654584870956243632010-10-24T16:07:00.002-02:002010-12-07T00:07:26.059-02:00Um novo iceBreaker Design vem aí!<p align="center"><a href="http://lh5.ggpht.com/_QocHY3CSRM0/TMR1uoRKXUI/AAAAAAAAI-M/Xg8QhPRq-o4/s1600-h/icebreakerdesign2011%5B9%5D.png"><img style="margin: ; padding-left: ; padding-right: ; display: block; float: none; padding-top: " title="icebreakerdesign2011" alt="icebreakerdesign2011" src="http://lh4.ggpht.com/_QocHY3CSRM0/TMR1xdXGR0I/AAAAAAAAI-Q/CFlhIl2cRXk/icebreakerdesign2011_thumb%5B5%5D.png?imgmax=800" width="351" height="245" /></a></p> <blockquote> <p>Se você tentou contratar o <a href="http://design.icebreaker.com.br/" target="_blank"><strong>iceBreaker Design</strong></a> nos últimos tempos, deve ter percebido que novas solicitações de serviço estavam suspensas temporariamente. O serviço passou por uma reformulação e terá sua reestréia no início de 2011, com novas modalidades de template, novos preços, e a participação de grandes nomes da blogosfera brasileira. Você não perde por esperar!</p> </blockquote> <p>Quer começar 2011 profissionalizando seu blog com um template exclusivo? Então essa é a sua oportunidade! <a href="http://feeds.feedburner.com/ice-breaker" target="_blank"><strong>Assine o feed</strong></a> ou <a href="http://twitter.com/icebreakercombr" target="_blank"><strong>siga o iceBreaker no Twitter</strong></a> para ser o primeiro a saber das novidades da reestréia do iceBreaker Design, <strong>que acontecerá em novembro</strong>. Até lá!</p> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-12296747892639962332010-06-01T20:28:00.001-03:002010-06-01T20:30:19.273-03:00Corrigindo a exibição somente títulos em páginas estáticas<a href="http://www.icebreaker.com.br/search/label/Blogger%20Hacks"><img title="Blogger Hacks" alt="Blogger Hacks" src="http://lh3.ggpht.com/_QocHY3CSRM0/SYo7wH28d1I/AAAAAAAABkQ/0nroS9nZTYQ/s400/blogger_hacks_ib.png" /></a>  <blockquote> <p align="left">Aqueles que utilizam a <a href="http://www.icebreaker.com.br/2009/02/mostrando-apenas-o-titulo-das-postagens.html" target="_blank"><strong>visualização somente título das postagens nas páginas inicial, de marcadores e arquivo</strong></a>, tiveram um problema com as páginas estáticas nativas do Blogger: elas também apareciam <em>somente título</em>, e não havia como acessá-las por completo. Felizmente, existe um hack para corrigir este problema, que você confere a seguir.</p> </blockquote> <p><strong>Para corrigir a exibição somente títulos das páginas estáticas, faça o seguinte:</strong></p> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <h5 class="rect">Acesse o seu Painel do Blogger e selecione <font color="#ff8000"><strong>Layout</strong></font>, então clique em <font color="#ff8000"><strong>Editar HTML</strong></font> para entrar no modo de edição do código do seu Template.</h5> <h5 class="rect"><img style="margin: 5px 0px 3px; display: inline" src="http://lh4.ggpht.com/neostyle/SP4edVakTtI/AAAAAAAAAZ8/OFJNVQjL5Tw/s400/editarhtml.png" /></h5> <h5 class="rect">Então marque a opção <strong><font color="#ff8000">Expandir modelos de widgets</font></strong>.</h5> <h5 class="yblk"><img align="left" src="http://lh5.ggpht.com/neostyle/SPOID_5qEsI/AAAAAAAAAXE/4triuWWr9nE/s144/itema.png" /> <p class="rect">Não se esqueça de<strong> </strong><a href="http://www.icebreaker.com.br/2009/06/fazendo-e-utilizando-o-backup-de.html" target="_blank"><strong>fazer o backup</strong></a> do seu template antes de realizar as alterações no código, clicando em <font color="#ff8000"><strong>Baixar modelo completo</strong></font>.</p> </h5> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <h5 class="rect"><strong>Encontre o </strong><a href="http://www.icebreaker.com.br/2009/02/mostrando-apenas-o-titulo-das-postagens.html" target="_blank"><strong>código utilizado pelo Hack somente títulos</strong></a><strong> como no exemplo abaixo </strong><em>(utilizando o <font color="#ff8000"><strong>Ctrl+F</strong></font> do seu navegador)</em><strong>:</strong> <em> <p class="bblk"><b:if cond='data:blog.pageType != "item"'> <br />         <a expr:href='data:post.url'> <br />         <li></li><data:post.title/></a><br/><br/> <br />     <b:else/> <br />         <b:include data='post' name='post'/> <br />     </b:if> <br /></p> </em></h5> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4gM668I/AAAAAAAAAWE/x_03Stij92U/s144/item3.png" /></p> <h5 class="rect"><strong>Então <u>SUBSTITUA</u> pelo seguinte código:</strong>  <p class="bblk"><em>     <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <br /><b:include data='post' name='post'/> <br />        <b:include data='post' name='comments'/> <br />      <b:else/><b:if cond='data:blog.pageType != "item"'> <br />         <a expr:href='data:post.url'> <br />         <li></li><data:post.title/></a><br/><br/> <br />     <b:else/> <br />         <b:include data='post' name='post'/> <br />     </b:if></b:if> <br /></em></p> </h5> <h5 class="gblk"><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh3.ggpht.com/neostyle/SPUQQx2isKI/AAAAAAAAAX0/yuwUUgHFmW4/s144/itemv.png" /> <p class="rect"><strong>Visualize para ver se está tudo correto e clique em <font color="#ff8000">Salvar Modelo</font>.</strong></p> <p class="rect"><strong>Agora seu blog exibirá apenas o título das postagens, exceto nas páginas de postagem e nas páginas estáticas. <strong>Para personalizar a formatação dos títulos, utilize o hack</strong> <strong>“</strong><a href="http://www.icebreaker.com.br/2009/03/personalizando-exibicao-somente-titulos.html"><strong>Personalizando a exibição somente-títulos no Blogger</strong></a><strong>”.</strong></strong></p> </h5> <h5 class="rblk"><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr00lyTld_u_TLO-Yl2zfZYJMNsFky8-twhoCVZ6bykgMugKccY0IlWatjPt5nOkzG-N9SIbrk4FYsu-ss2o5fRuKif6npVI0Jk2F37U6X1BqDqgC_AtzlYf_o5HRFqOGendyywU_-wUM/s144/itemx.png" /> <p class="rect">Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em <font color="#ff8000"><strong>Limpar Edições</strong></font> ou <a href="http://www.icebreaker.com.br/2009/06/fazendo-e-utilizando-o-backup-de.html" target="_blank">utilize o backup</a> que você criou e clique em<font color="#ff8000"><strong> Fazer Upload</strong></font>, então refaça todo o processo.</p></h5> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-46249321278783380412010-04-13T14:35:00.001-03:002010-04-13T14:48:24.093-03:00Conheça o iceBreaker Design: templates exclusivos e gratuitos num só lugar!<a href="http://design.icebreaker.com.br" target="_blank"><img style="display: block; float: none; margin-left: auto; margin-right: auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCy990iogeSh7DfU4gAPIkFRCWwBjvy0JW8v98L9tnB9CxbHaAjotYCRMaxMsf0djhttmvCCTImpYyj9lNAmdeVJUZ8xza5tEtXSEQELnmLOTU59j_8IDPIqWzK9YoQYOgdk0mag8h0NM/s800/ibd_logo.png" /></a> <blockquote> <p>A plataforma Blogger é incrivelmente versátil e poderosa. Isso sem falar que é gratuita e extremamente acessível. Muita gente pensa que o Blogger não pode ser usado para hospedar um blog profissional, e isso muitas vezes acontece por culpa dos templates pobres que muitos usuários tem usado. Pois o <strong>iceBreaker</strong> quer mudar essa história!</p> </blockquote> <p>Hoje é lançado o<strong> iceBreaker Design</strong>, o portal de templates profissionais do iceBreaker. Se você tem um blog mas precisa de um template exclusivo, encontrou o lugar ideal! Serão oferecidos serviços de criação de templates, otimização, instalação, configuração de domínios e muitos mais! Além disso, novos templates gratuitos serão disponibilizados de tempos em tempos. Sem falar da <a href="http://design.icebreaker.com.br/p/template-patrocinado.html"><strong>Promoção Template Patrocinado</strong></a> que vai investir pesado no seu blog!</p> <p>Você também poderá participar do nosso <a href="http://design.icebreaker.com.br/p/parceiros.html"><strong>programa de parcerias</strong></a> e receber comissões por indicações de novos clientes, e se manda bem na criação e desenvolvimento de layouts, pode até vir a <a href="http://design.icebreaker.com.br/p/parceiros.html"><strong>trabalhar no iceBreaker Design</strong></a>!</p> <blockquote> <p align="center">Que tal ver na prática tudo isso? Então acesse: <a href="http://design.icebreaker.com.br"><strong><font size="4">design.icebreaker.com.br</font></strong></a></p> </blockquote> <p align="center"><em>Quero deixar aqui registrado o meu <strong>muito obrigado</strong> aos blogs </em><a href="http://www.dicasblogger.com.br/" target="_blank"><strong><em>Dicas Blogger</em></strong></a><em>, </em><a href="http://www.ferramentasblog.com/" target="_blank"><strong><em>Ferramentas Blog</em></strong></a><em> e </em><a href="http://www.compulsivo.com.br/" target="_blank"><strong><em>UsuárioCompulsivo</em></strong></a><em> pelo apoio neste novo projeto!</em></p> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-64992129162587554292010-03-10T14:40:00.001-03:002010-04-13T11:51:19.313-03:00Criando sua conta e encontrando seus amigos no Twitter<a href="http://www.icebreaker.com.br/search/label/Twitter"><img title="Guia Twitter" alt="Guia Twitter" src="http://lh4.ggpht.com/_QocHY3CSRM0/SbqZlR0MLWI/AAAAAAAACS8/FKo7Rs_fewQ/s288/guiatwitter_ib.png" /></a> <blockquote><p align="left">E aí, já entendeu o <a href="http://www.icebreaker.com.br/2009/03/por-que-eu-deveria-usar-o-twitter.html" target="_blank"><strong>por quê do Twitter no nosso último artigo</strong></a>? Então não fez sua conta ainda por quê? Vamos lá, é bem fácil:</p></blockquote><a name='more'></a><br />
<p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></p><span class="rect"> <p>Acesse a <a href="http://twitter.com/" target="_blank"><strong>página do Twitter</strong></a> e clique no botão <font color="#ff8000"><strong>Sign up now.</strong></font></p></span> <br />
<p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p><span class="rect"> <p><img align="right" src="http://lh6.ggpht.com/_QocHY3CSRM0/SbvyosUMENI/AAAAAAAACUQ/LSNx2q-SNHQ/s288/twiterformulario.png" /></p><p align="left">Preencha o fomulário com seu nome completo <em>(Full Name)</em>, nome de usuário<em> (Username)</em>, senha <em>(Password)</em> e Email. Então escreva as palavras que aparecerem na imagem e clique em <strong><font color="#ff8000">Create Account</font></strong>.</p><p align="left"> </p></span> <p align="left"> </p></span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4gM668I/AAAAAAAAAWE/x_03Stij92U/s144/item3.png" /></p><span class="rect"> <p><strong><img style="margin: 0px 0px 0px 5px; display: inline" align="right" src="http://lh5.ggpht.com/_QocHY3CSRM0/Sbv1gn83HWI/AAAAAAAACUY/nLSjE3AXOhw/s288/twiterencontraramigos.png" /></strong>Agora você poderá encontrar seus amigos que já estão no Twitter. Ele pode analisar seus contatos de email e MSN para determinar quem já possui conta no Twitter e permitir que você já comece seguindo-os. Selecione a conta desejada no menu à esquerda, digite seu nome de usuário e senha <em>(do serviço escolhido)</em> e clique em <font color="#ff8000"><strong>Continue</strong></font>. Você também pode pular esta etapa clicando na opção <font color="#ff8000"><strong>Skip this Step</strong></font>.</p></span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4n4er3I/AAAAAAAAAWM/A9S_B3FMtuQ/s144/item4.png" /></p><span class="rect"><strong></strong> <p>Por fim, ele vai sugerir algumas pessoas populares para que você possa seguir, no entanto a maioria é americano. Se você quiser seguir alguém da lista, selecione-o e clique em <font color="#ff8000"><strong>Finish</strong></font>. Se não, clique em <font color="#ff8000"><strong>Skip this Step</strong></font><font color="#000000">.</font></p></span><span class="gblk"><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh3.ggpht.com/neostyle/SPUQQx2isKI/AAAAAAAAAX0/yuwUUgHFmW4/s144/itemv.png" /> <p class="rect"><strong>Pronto, você já tem sua conta, e o endereço do seu perfil é</strong> <strong><em>http://twitter.com/<font color="#ff8000">(nome de usuário)</font></em>. Você será levado a sua página principal e já pode começar a postar tweets (ou “Tuitar”) e seguir outras pessoas, </strong><a href="http://twitter.com/sergioestrella" target="_blank"><strong>como eu</strong></a>!</p></span> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-65691018511138161372010-02-18T17:00:00.001-02:002010-04-13T11:51:23.364-03:00Por que eu deveria usar o Twitter?<a href="http://www.icebreaker.com.br/search/label/Twitter"><img title="Guia Twitter" alt="Guia Twitter" src="http://lh4.ggpht.com/_QocHY3CSRM0/SbqZlR0MLWI/AAAAAAAACS8/FKo7Rs_fewQ/s288/guiatwitter_ib.png" /></a> <blockquote><p>Na era da internet, tempo é algo precioso. Já se foram os dias em que era possível entrar no MSN pra trocar idéia com seus amigos, sem se preocupar em perder a tarde toda, ou deixar o trabalho de lado. E quem é que tem tempo de ficar respondendo os recados no orkut, um por um? Haja tempo! É, não dá mais: as coisas mudaram.</p></blockquote><a name='more'></a><br />
<p>E como os apressadinhos fazem pra se socializar? Usam o <strong>Twitter</strong>, oras! A rede social mais viciante e interessante dos últimos tempos!</p><ul><li> <h2>Mas afinal, o que é o Twitter?</h2></li>
</ul><p>Twitter é uma rede social de troca de mensagens curtas (tweets), em que você pode “seguir” seus amigos e quem mais lhe interessar, assim podendo receber todos os “tweets” (mensagens) de cada pessoa, respondê-los ou encaminhá-los. Da mesma forma, todas as pessoas que te seguem vão receber seus tweets. Cada tweet tem no máximo 140 caracteres e todos podem ser lidos diretamente na sua página inicial.</p><ul><li> <h2>E o que faz disso tão interessante?</h2></li>
</ul><p>Imagine que você segue todos os seus amigos no Twitter e vai recebendo durante todo dia pequenas atualizações. Você saberá o que estão fazendo, o que estão lendo, assistindo, suas opiniões e poderá interagir com eles, dessa forma construindo um diálogo lento, constante e coletivo, participando apenas quando estiver disponível e com pequenas mensagens que levam menos de 1 minuto pra escrever. Você também receberá os tweets dos seus amigos quando eles respondem para uma terceira pessoa, o que facilita muito para fazer novos contatos. E eu ainda nem falei em como o Twitter pode te ajudar a divulgar seu site, blog ou trabalho!</p><p>Ainda não está claro? Então veja este vídeo, que explica de uma forma bem interessante o funcionamento do serviço:</p><div style="padding-bottom: 0px; padding-left: 0px; width: 425px; padding-right: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 0px" id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:a3ac4a47-6c55-4bb0-af9c-d888446e4ac6" class="wlWriterSmartContent"><div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px" id="6f1df94d-5377-41ca-b630-b56d16aac54a"><div><embed height="355" type="application/x-shockwave-flash" width="425" src="http://www.youtube.com/v/RYBMlGNrNh0&hl=pt-br&fs=1&hl=en" /></div></div></div><p>E aí, interessado em entrar na onda do Twitter? Então acompanhe o <strong>Guia Twitter iceBreaker</strong>, e conheça todas as possibilidades dessa incrível ferramenta.</p><p>Então até a próxima postagem, e se você já tem Twitter, <a href="http://twitter.com/sergioestrella" target="_blank"><strong>me siga lá</strong></a>!</p>Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-6932825655651692142009-10-18T21:29:00.001-02:002010-06-01T17:59:50.053-03:00Twitcam: Ligando sua Webcam no Twitter<a href="http://www.icebreaker.com.br/search/label/Twitter"><img title="Guia Twitter" alt="Guia Twitter" src="http://lh4.ggpht.com/_QocHY3CSRM0/SbqZlR0MLWI/AAAAAAAACS8/FKo7Rs_fewQ/s288/guiatwitter_ib.png" /></a> <blockquote> <p>O <strong>Twitcam</strong> é um serviço de compartilhamento de vídeos no Twitter. A transmissão é feita em tempo real, com opção para bate-papo e arquivamento dos vídeos transmitidos. Não é preciso instalar nenhum programa, nem se cadastrar – basta utilizar seu login do Twitter.</p> </blockquote> <div id="b1"> <p>Acesse o <a href="http://twitcam.com/" target="_blank"><strong>Twitcam.com</strong></a> e localize a caixa de login no cabeçalho do site, como na imagem abaixo:</p> <img src="http://lh5.ggpht.com/_QocHY3CSRM0/StuenLr9yXI/AAAAAAAAFKg/WYsotoMNdw0/s400/twitcam_login.png" /> <p></p> <p>Digite seu nome de usuário e senha no Twitter e clique em<strong><font color="#ff8000"> Login with Twitter</font></strong>.</p> </div> <div id="b2"> <p>Em seguida você será levado ao seu perfil do Twitcam. Se ainda não tiver salvo nenhum vídeo, verá um botão como na imagem abaixo. Clique em <strong><font color="#ff8000">Broadcast Live</font></strong> para criar seu vídeo.</p> <img src="http://lh3.ggpht.com/_QocHY3CSRM0/StuenBOj99I/AAAAAAAAFKk/p_eydPTchb4/s400/twitcam_broadcast.png" /> </div> <div id="b3"> <p>O único requisito para usar o Twitcam é ter o <a href="http://get.adobe.com/br/flashplayer/" target="_blank"><strong>Adobe Flash Player</strong></a> instalado em seu computador. Se tiver, ele será acionado e solicitará sua permissão para acessar sua webcam e microfone.</p> <img src="http://lh3.ggpht.com/_QocHY3CSRM0/StuencY6WnI/AAAAAAAAFKo/-xJqQ2F1EiU/s800/twitcam_permitirflash.png" /> <p>Certifique-se de estar com sua câmera ligada e clique em <font color="#ff8000"><strong>Permitir</strong></font>.</p> </div> <div id="b4"> <p>Agora digite o <a href="http://www.icebreaker.com.br/2009/03/twittutorial-usando-e-entendendo-o.html" target="_blank">Tweet</a> para chamar seus seguidores à vê-lo na webcam e inicie a transmissão clicando em <strong><font color="#ff8000">Broadcast & Tweet</font></strong>.</p> <img src="http://lh6.ggpht.com/_QocHY3CSRM0/StuenQ8BYYI/AAAAAAAAFKs/_2mR3SjUNeA/s400/twitcam_tweet.png" /> <p>É possível criar um chat com seus amigos clicando em <strong><font color="#ff8000">Start Chatting</font></strong>. Ao interromper a transmissão, o Twitcam arquivará o vídeo transmitido em seu perfil, tornando-o disponível para qualquer seguidor, mesmo que você já tenha desligado a cam. <a href="http://twitcam.com/46am" target="_blank"><strong>Confira também o vídeo de exemplo que eu fiz no Twitcam para este tutorial.</strong></a></p> </div> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-62746773519095941262009-10-09T13:45:00.001-03:002009-10-09T13:46:44.918-03:00TwitterCounter: Analise seu crescimento e conte seus seguidores no Twitter<a href="http://www.icebreaker.com.br/search/label/Twitter"><img title="Guia Twitter" alt="Guia Twitter" src="http://lh4.ggpht.com/_QocHY3CSRM0/SbqZlR0MLWI/AAAAAAAACS8/FKo7Rs_fewQ/s288/guiatwitter_ib.png" /></a> <blockquote> <p>O <strong>TwitterCounter</strong> é um serviço que analisa as estatísticas do seu perfil no Twitter e as exibe como gráficos (ele até prevê quantos seguidores terá no dia seguinte). Você pode inclusive tornar esses dados publicos colocando um contador de seguidores em seu site. Quer saber como usá-lo?</p> </blockquote> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect"> <p>Acesse o site <a href="http://twittercounter.com/" target="_blank"><strong>TwitterCounter.com</strong></a> e localize a caixa de texto no cabeçalho do site como na imagem abaixo:</p> <img src="http://lh3.ggpht.com/_QocHY3CSRM0/Ss9dX1DQ9JI/AAAAAAAAFE0/G0ZaRJN4w9I/s800/twittercounter_show.png" /> <p></p> <p>Digite seu nome de usuário no Twitter e clique em<strong><font color="#ff8000"> Show</font></strong>.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"> <p>Em seguida você será levado à página com suas estatísticas. Poderá ver o gráfico que representa a sua contagem de seguidores (Followers), de seguidos (Friends) e de atualizações (Updates).</p> </span><span class="rect"><img src="http://lh4.ggpht.com/_QocHY3CSRM0/Ss9g_gGWgOI/AAAAAAAAFE4/kiiw_rkwlG8/s800/twittercounter_stats.png" /> </span><span class="rect"> <p>É possível visualizar em 3 formatos de data: última semana (Last week), último mês (Last month) e últimos 3 meses (Last 3 months). Se os seus dados estiverem desatualizados, clique em <strong><font color="#ff8000">Update stats now</font></strong> para atualizá-los.</p> <p><img align="right" src="http://lh3.ggpht.com/_QocHY3CSRM0/Ss9dX5bImZI/AAAAAAAAFEw/pF0b2oQL2ko/s144/twittercounter_button.png" />Para adicionar um botão ao seu site com a contagem dos seus seguidores, basta clicar no selo que fica acima do gráfico, (imagem ao lado) e em seguida escolher o tipo de botão desejado. Então, é só copiar o código do botão e colar em sua página para exibir o contador de seguidores!</p> </span> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-51057082892395803312009-10-04T14:23:00.001-03:002009-10-04T14:25:58.561-03:00Download: eBook Blogger SEO<p><img alt="eBook Blogger SEO" src="http://lh3.ggpht.com/_QocHY3CSRM0/SsY5ZGfsNiI/AAAAAAAAFAU/Oxt-t-tYcO4/s800/banner_bloggerseo.png" /> </p> <blockquote> <p>Com o e-book Blogger SEO, você aprenderá a otimizar o seu blog para que ele tenha melhor desempenho nos mecanismos de busca, atraindo mais visitantes e leitores. O processo envolve a otimização do template, URLs, títulos, Meta Tags, links, imagens, postagens, e pode ser feito por qualquer pessoa, pois tem conteúdo fácil e objetivo, além de exemplos, imagens ilustrativas e muito mais.</p> </blockquote> <p align="center">Você pode fazer o <strong>download gratuito</strong> da sua cópia a partir de 2 servidores: <br /><a href="http://sites.google.com/site/icebreakerebooks/downloads/blogger_seo.pdf?attredirects=0" target="_blank"><strong><font size="3">Download (Google)</font></strong></a><strong><font size="3"> – </font></strong><a href="http://cid-308241cd52d1ac1a.skydrive.live.com/self.aspx/eBooks/blogger%5E_seo.pdf" target="_blank"><strong><font size="3">Download (Windows Live)</font></strong></a></p> <blockquote> <p align="left">Participe também do <a href="http://forum.icebreaker.com.br/blogger-f1/blogger-seo-topico-oficial-t33.htm" target="_blank"><strong>Tópico Oficial do Blogger SEO</strong></a> no fórum, tire suas dúvidas, discuta os conceitos apresentados, faça sugestões.</p></blockquote> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-55554770842826558572009-10-02T14:53:00.001-03:002009-10-02T15:11:58.391-03:00eBook Blogger SEO já disponível para os leitores do iceBreaker<p><img alt="eBook Blogger SEO" src="http://lh3.ggpht.com/_QocHY3CSRM0/SsY5ZGfsNiI/AAAAAAAAFAU/Oxt-t-tYcO4/s800/banner_bloggerseo.png" /> </p> <blockquote> <p>Mais um e-book sendo lançado pelo iceBreaker, e dessa vez, seguindo a proposta de realizar um lançamento diferente para cada e-book (como foi o lançamento com parceria no Blogger Rápido e o lançamento simultâneo com o Blogger Seguro), o lançamento do Blogger SEO será em “ondas”, ou seja, alguns leitores receberão o e-book primeiro que outros. A primeira onda foi através da <a href="http://www.icebreaker.com.br/2009/09/participe-da-pesquisa-icebreaker-e.html" target="_blank">Pesquisa iceBreaker</a>, e os participantes já receberam suas cópias do eBook. Se você não participou da pesquisa, participe da próxima onda e baixe sua cópia <strong>gratuitamente</strong>:</p> </blockquote> <ul> <li> <div align="left"><font size="2">02/10/2009 – <strong>Assinantes de Feed, por Email e usuários do Fórum</strong> <br /></font><a href="http://feeds2.feedburner.com/ice-breaker" target="_blank"><strong><font size="2">Assine o Feed</font></strong></a><strong><font size="2"> | </font></strong><a href="http://feedburner.google.com/fb/a/mailverify?uri=ice-breaker&amp;loc=pt_BR" target="_blank"><strong><font size="2">Assine via Email</font></strong></a><strong><font size="2"> | </font></strong><a href="http://forum.icebreaker.com.br/profile.forum?mode=register" target="_blank"><strong><font size="2">Registre-se no Fórum</font></strong></a></div> </li> </ul> <ul> <li> <div align="left"><font size="2">03/10/2009 às 16h – <strong>Seguidores no Twitter</strong> <br /></font><a href="http://www.twitter.com/icebreakercombr" target="_blank"><strong><font size="2">Siga o iceBreaker no Twitter</font></strong></a></div> </li> </ul> <ul> <li> <div align="left"><font size="2">04/10/2009 – <strong>Disponível no site para todos os usuários</strong></font></div> </li> </ul> <blockquote> <p align="left">Participe também do <a href="http://forum.icebreaker.com.br/blogger-f1/blogger-seo-topico-oficial-t33.htm" target="_blank"><strong>Tópico Oficial do Blogger SEO</strong></a> no fórum, tire suas dúvidas, discuta os conceitos apresentados, faça sugestões.</p></blockquote> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-18528067723347269072009-10-01T21:57:00.001-03:002009-10-01T21:58:21.281-03:00Fórum iceBreaker: sua nova rede social quebra-gelo!<a href="http://forum.icebreaker.com.br/" target="_blank"><img src="http://lh6.ggpht.com/_QocHY3CSRM0/SsVLJZGfLLI/AAAAAAAAE_U/cIJv8ONqDI8/s800/forumicebreaker.png" /></a> <p>Uma grande novidade para os leitores do iceBreaker (aliás, também muito solicitada na nossa <a href="http://www.icebreaker.com.br/2009/09/participe-da-pesquisa-icebreaker-e.html">pesquisa</a>) estréia hoje: o <a href="http://forum.icebreaker.com.br/"><strong>Fórum iceBreaker</strong></a>! Aqui você poderá conversar, tirar dúvidas, ajudar pessoas, divulgar seu blog, acessar conteúdo exclusivo e muito mais!</p> <blockquote> <p>E esse não é um fórum qualquer! Confira os recursos da nossa nova e <strong>GRATUITA</strong> comunidade:</p> </blockquote> <ul> <li><strong>Layout iceBreaker:</strong> o template<strong> </strong><a href="http://www.icebreaker.com.br/2009/09/novo-template-orange-iceberg-4.html"><strong>Orange Iceberg 4</strong></a> foi completamente adaptado para oferecer uma navegação muito mais fácil pra quem está familiarizado com o site. Mas não somente isso, o layout foi otimizado para funcionar melhor num ambiente colaborativo. </li> <li><strong>Com ou sem registro?</strong> O Fórum iceBreaker não requer registro para que você consiga postar seus comentários ou dúvidas – nem responder a de outras pessoas. Mas se você quiser se registrar, poderá fazer isso em menos de 1 minuto – não é nem necessária confirmação por email, a ativação é instantânea! </li> <li><strong>Integração com redes sociais:</strong> ao criar seu perfil no fórum, você poderá acrescentar o link das redes sociais as quais você participa, como Twitter, Orkut, Facebook e até o perfil Google. Os links aparecerão em todas as mensagens que você postar no fórum. </li> <li><strong>Divulgue seu blog!</strong> Você poderá utilizar nosso fórum de divulgação e, assim como os links para as redes sociais, também poderá divulgar seu blog em todas as mensagens que postar, até mesmo criando uma assinatura com um banner para o seu blog. </li> <li><strong>Extras:</strong> visível somente para os usuários registrados, está a seção “Extras” que oferecerá conteúdo exclusivo do iceBreaker para os membros. E a partir de amanhã já haverá conteúdo disponvível! </li> </ul> <p>Além de tudo isso, a próxima série de postagens Blogger, do iceBreaker, usará – em conjunto com os comentários – o fórum para dar suporte e oferecer conteúdo complementar aos leitores.</p> <blockquote> <p align="center">O que está esperando? Acesse já o <a href="http://forum.icebreaker.com.br/"><strong>Fórum iceBreaker</strong></a>.</p></blockquote> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-67249758630349859132009-09-27T19:49:00.001-03:002009-09-27T19:49:14.478-03:00Novo Template: Orange Iceberg 4<img src="http://lh3.ggpht.com/_QocHY3CSRM0/Sr_o97xcQBI/AAAAAAAAE9k/MmJS-MGxfhc/s800/icebreaker_orangeiceberg4.png" /> <p>Pouco mais de 3 meses após o lançamento da <a href="http://www.icebreaker.com.br/2009/06/icebreaker-ganha-nova-versao-do.html" target="_blank">terceira versão do template</a> do iceBreaker, o <em>Orange Iceberg</em>, hoje ele recebe mais uma atualização, agora com base nas sugestões dadas durante a <a href="http://www.icebreaker.com.br/2009/09/participe-da-pesquisa-icebreaker-e.html" target="_blank"><strong>Pesquisa iceBreaker</strong></a>. Desta vez, as novidades são:</p> <ul> <li>Cores mais suaves e em menor número; </li> <li>Menor quantidade de elementos na tela; </li> <li>Painel “Acompanhe”; </li> <li>Destaque rotativo com efeitos em JQuery; </li> <li>Índice no rodapé para facilitar a navegação; </li> <li>Novo layout da área de comentários com contador de retweets e suporte à <a href="http://www.icebreaker.com.br/2009/09/ativando-as-fotosavatares-nos.html" target="_blank">fotos/avatares</a>; </li> <li>Otimizações com <a href="http://www.icebreaker.com.br/search/label/Blogger%20Hacks?max-results=60" target="_blank">Blogger Hacks</a>, <a href="http://www.icebreaker.com.br/search/label/Blogger%20R%C3%A1pido?max-results=60" target="_blank">Blogger Rápido</a>, <a href="http://www.icebreaker.com.br/search/label/Blogger%20Seguro?max-results=60" target="_blank">Blogger Seguro</a> e <a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO?max-results=60" target="_blank">Blogger SEO</a>. </li> </ul> <p><em>Outras novidades serão anunciadas em breve, fique ligado!</em></p> <p>Relembre também as postagens de lançamento do <a href="http://www.icebreaker.com.br/2009/06/icebreaker-ganha-nova-versao-do.html" target="_blank"><strong>Orange Iceberg 3</strong></a>, <a href="http://www.icebreaker.com.br/2009/03/icebreaker-ganha-novo-template-orange.html" target="_blank"><strong>Orange Iceberg 2</strong></a> e do primeiro <a href="http://www.icebreaker.com.br/2009/01/orange-iceberg-o-novo-template-do.html" target="_blank"><strong>Orange Iceberg</strong></a>.</p> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-72941100779942256032009-09-26T13:30:00.000-03:002009-09-26T13:39:34.200-03:00iceBreaker Mobile – leve o iceBreaker para onde você for!<p>Agora você nem precisa estar no computador para ter acesso à todos as dicas, tutoriais e notícias do iceBreaker: basta acessar o <strong>iceBreaker Mobile</strong> a partir do seu celular, smartphone ou iPhone.</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" src="http://lh6.ggpht.com/_QocHY3CSRM0/Sr5DoYjet0I/AAAAAAAAE4g/9_B2ytmLhjs/s800/icebreaker_mobile.png" /></p> <p>A versão móvel do iceBreaker mostra as últimas atualizações do site, que podem ser lidas na íntegra, direto do seu celular. E se você é usuário do iPhone, também pode adicionar o iceBreaker Mobile ao seu menu de aplicativos <em>(Home Screen)</em>, e assim ter acesso ao site com apenas um toque.</p> <blockquote> <p>Para acessar o iceBreaker Mobile, digite <strong><font color="#ff8000">m.icebreaker.com.br</font></strong> no navegador do seu celular ou através do nosso <em>QR Code</em>:</p> </blockquote> <img style="margin: 0px 20px 20px 0px; display: inline" align="left" src="http://qrcode.mofuse.com/php/qr_img.php?d=http://m.icebreaker.com.br&s=5" /> <p> </p> <p align="left"><em></em></p> <p align="left"><em></em></p> <p align="left"><em>Este código pode ser acessado em celulares com câmera ou leitores de QR Codes. Assim você acessa o site sem ter que digitar qualquer endereço! Saiba mais sobre <a href="http://www.meiobit.com/meio-bit/celular/seu-telefone-j-le-qr-code" target="_blank">como usar QR Codes no seu celular</a>.</em></p> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-71753738608364123222009-09-24T16:05:00.001-03:002009-09-29T22:07:11.739-03:00Evitando/Recuperando-se das penalidades do Google<a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO"><img title="Blogger SEO" alt="Blogger SEO" src="http://lh5.ggpht.com/_QocHY3CSRM0/Sog8JIhswnI/AAAAAAAAET0/Y1khdZABSs8/s400/blogger_seo_ib.png" /></a> <blockquote> <p>Além de otimizar seu blog para buscas (<a href="http://www.icebreaker.com.br/2009/08/o-que-e-seo-e-por-que-isso-e-essencial.html"><strong>SEO</strong></a>), é muito importante evitar que ele seja retirado do índice do Google (o principal mecanismo de busca), que pode aplicar punições à sites que desrespeitem suas <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=35769" target="_blank"><strong>regras</strong></a>. Se você faz um trabalho sério, provavelmente nunca passará por este problema, mas sempre é bom se informar pra evitar que outros fatores possam prejudicá-lo.</p> </blockquote> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect"> <p><strong>Número de páginas indexadas:</strong> Após ter <a href="http://www.icebreaker.com.br/2009/09/acelerando-indexacao-blogger-google.html" target="_blank"><strong>cadastrado seu blog no Google Webmasters Tools</strong></a>, passe a verificar periodicamente o número de páginas indexadas do seu blog, digitando no campo de pesquisa do Google o seguinte (substituindo a parte em laranja pelo endereço do seu blog):</p> <p class="bblk"><em>site:<strong><font color="#ff8000">seublog.blogspot.com</font></strong></em></p> <p>No cabeçalho da página de resultados, é exibida a quantidade de páginas presentes no índice do Google. É normal que hajam pequenas variações no número, mas se essas variações se tornarem muito grandes ou se você não obtiver nenhum resultado na pesquisa, verifique a página de <strong><font color="#ff8000">Erros de rastreamento </font></strong>dentro do item <strong><font color="#ff8000">Diagnósticos</font></strong> do <a href="https://www.google.com/webmasters/tools/home?hl=pt-BR" target="_blank"><strong>Google Webmasters Tools</strong></a>. Caso encontre erros, poderá encontrar suas respectivas soluções na própria <em><a href="http://www.google.com/support/webmasters/?hl=pt-BR" target="_blank"><strong>Ajuda</strong></a></em> do site. Caso você tenha adicionado o site a pouco tempo, aguarde mais alguns dias e faça novamente a verificação.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"> <p><strong>Verificando a Confiabilidade:</strong> O Google mantem uma lista de sites suspeitos em seu índice, formada principalmente por spammers, malwares, conteúdo duplicado e outros. Verifique se seu site não consta nesta lista, acessando o seguinte endereço (substituindo a parte em laranja pelo endereço do seu blog):</p> <p class="bblk"><em>http://www.google.com.br/safebrowsing/diagnostic?site=<strong><font color="#ff8000">seublog.blogspot.com</font></strong></em></p> <p>Para evitar que seu blog seja incluído nesta listagem, sabia <a href="http://www.icebreaker.com.br/2009/04/evitando-o-plagio-o-que-fazer-e-o-que.html" target="_blank"><strong>evitar o Plágio</strong></a> e o <a href="http://www.icebreaker.com.br/2009/08/evitando-o-conteudo-duplicado-no.html" target="_blank"><strong>Conteúdo Duplicado</strong></a>. Além disso, certifique-se de incluir o <a href="http://www.icebreaker.com.br/2009/08/otimizando-o-fluxo-de-pagerank-no.html" target="_blank"><strong>atributo “nofollow”</strong></a> à links vendidos e remover links de fontes duvidosas, principalmente de downloads. Verifique também se não constam links para malwares ou spam nos comentários.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4gM668I/AAAAAAAAAWE/x_03Stij92U/s144/item3.png" /></p> <span class="rect"> <p><strong>Solicitando uma reconsideração:</strong> Se o seu blog foi retirado do índice do Google e você pôde identificar e corrigir os problemas, é hora de solicitar uma reconsideração e assim poder ter suas páginas de volta. Para isso, acesse a página do <a href="https://www.google.com/webmasters/tools/reconsideration" target="_blank"><strong>pedido de reconsideração</strong></a> <em>(em inglês)</em>, selecione seu site na lista <font color="#ff8000"><strong>Choose Site</strong></font>, marque a opção <font color="#ff8000"><strong>By submitting this request…</strong></font> e explique o que havia de errado e o que foi feito para corrigir (a explicação também deve ser em inglês). Então clique em <strong><font color="#ff8000">Request reconsideration</font></strong> e aguarde até que seu pedido seja processado.</p> </span> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-78940354924204582962009-09-23T17:27:00.001-03:002009-09-29T22:03:49.447-03:00Mantendo o índice dos indexadores atualizados com o Ping<a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO"><img title="Blogger SEO" alt="Blogger SEO" src="http://lh5.ggpht.com/_QocHY3CSRM0/Sog8JIhswnI/AAAAAAAAET0/Y1khdZABSs8/s400/blogger_seo_ib.png" /></a> <blockquote> <p>O <strong>Ping</strong> é uma forma de chamar a atenção de um servidor, de avisá-lo sobre alguma coisa. No caso da <a href="http://www.icebreaker.com.br/2009/08/o-que-e-seo-e-por-que-isso-e-essencial.html"><strong>Otimização para Buscas (SEO)</strong></a>, usaremos o Ping para avisar aos mecanismos de busca e indexadores que seu blog foi atualizado, tornando assim a indexação muito mais rápida. O Ping é feito quando você acessa uma URL criada para esse fim, que contém o endereço do seu blog.</p> </blockquote> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect"> <p>Primeiro, vamos preparar a lista de URLS de Pings que você utilizará em seu blog. Se preferir, abra uma janela do <em>Bloco de Notas</em> e vá copiando e modificando a parte em laranja com o <strong><font color="#ff8000">endereço do seu blog</font></strong>. Vamos utilizar essa lista de URLs na etapa seguinte. Mas antes de adicionar cada URL, verifique se cumpre o requisito de cada site (informado acima de cada endereço).</p> </span><span class="rect"> <p><strong>Feedburner</strong>: utilize este URL <strong>caso você faça o redirecionamento do feed</strong> do seu blog com o Feedburner. <em>(Função do Ping: atualiza o Feed do blog):</em></p> </span><span class="rect"> <p class="bblk"><em>http://feedburner.google.com/fb/a/pingSubmit?bloglink=<font color="#ff8000"><strong>http://seublog.blogspot.com</strong></font></em></p> <p><strong>Google</strong>: utilize este URL caso você já tenha <a href="http://www.icebreaker.com.br/2009/09/acelerando-indexacao-blogger-google.html" target="_blank"><strong>cadastrado seu blog no Google Webmaster Tools</strong></a>. Acrescente a parte em verde se você utiliza o <font color="#008040"><strong>redirecionamento de Feed</strong></font>. <em>(Função do Ping: atualiza o índice do Google):</em></p> <p class="bblk"><em>http://www.google.com/webmasters/tools/ping?sitemap=<font color="#ff8000"><strong>http://seublog.blogspot.com/</strong></font>atom.xml<font color="#008040"><strong>?redirect=false</strong></font></em></p> </span><span class="rect"> <p><strong>Bing</strong>: utilize este URL caso você já tenha <a href="http://www.icebreaker.com.br/2009/09/acelerando-indexacao-do-blogger-no-bing.html" target="_blank"><strong>cadastrado seu blog no Bing Webmaster Center</strong></a>. Acrescente a parte em verde se você utiliza o <strong><font color="#008040">redirecionamento de Feed</font></strong>. <em>(Função do Ping: atualiza o índice do Bing):</em></p> <p class="bblk"><em>http://www.bing.com/webmaster/ping.aspx?siteMap=<font color="#ff8000"><strong>http://seublog.blogspot.com/</strong></font>atom.xml<strong><font color="#008040">?redirect=false</font></strong></em></p> </span><span class="rect"> <p><strong>Yahoo!</strong>:<strong> </strong>utilize este URL caso você já tenha <a href="http://www.icebreaker.com.br/2009/09/acelerando-indexacao-do-blogger-no.html" target="_blank"><strong>cadastrado seu blog no Yahoo! Site Explorer</strong></a>. Acrescente a parte em verde se você utiliza o <strong><font color="#008040">redirecionamento de Feed</font></strong>. <em>(Função do Ping: atualiza o índice do Yahoo!):</em></p> <p class="bblk"><em>http://search.yahooapis.com/SiteExplorerService/V1/ping?sitemap=<strong><font color="#ff8000">http://seublog.blogspot.com/</font></strong>atom.xml<strong><font color="#008040">?redirect=false</font></strong></em></p> <p><strong>BlogBlogs</strong>: utilize este URL <strong>se você cadastrou</strong> seu blog no indexador de blogs brasileiro <a href="http://blogblogs.com.br/" target="_blank"><strong>BlogBlogs</strong></a>. <em>(Função do Ping: atualiza o cadastro do blog com o novo conteúdo):</em></p> <p class="bblk"><em>http://blogblogs.com.br/my/gadgets/ping?url=<font color="#ff8000"><strong>http://seublog.blogspot.com</strong></font></em></p> <p><strong>Technorati</strong>: utilize este URL <strong>se você cadastrou</strong> seu blog no indexador de blogs americano <a href="http://technorati.com/" target="_blank"><strong>Technorati</strong></a>. <em>(Função do Ping: atualiza o cadastro do blog com o novo conteúdo):</em></p> <p class="bblk"><em>http://technorati.com/ping/?url=<strong><font color="#ff8000">http://seublog.blogspot.com</font></strong></em></p> <p><strong>Com todos os endereços anotados, agora vamos à próxima etapa:</strong></p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"> <p>Existem duas maneiras de se utilizar a lista de Pings: <strong>manualmente, salvando-a em Favoritos</strong>, ou <strong>automaticamente, colocando-a na lista de Pings do Live Writer</strong>. Primeiro veremos como utilizá-la com os <strong>Favoritos</strong>:</p> <p>Abra cada um dos endereços da lista no seu navegador, então salve-o como Favorito, dentro de uma pasta específica (como no exemplo abaixo, a pasta “Ping”):</p> <img src="http://lh3.ggpht.com/_QocHY3CSRM0/Srp9LqeuRAI/AAAAAAAAE2I/WL8Y80ZR8IM/s800/ping_favoritos.png" /> <p>Após adicionar todos os endereços, sempre que você publicar um conteúdo novo em seu blog, abra seu navegador, clique com o botão direito na pasta onde as URLs dos Pings estão salvas e então selecione <font color="#ff8000"><strong>Abrir no Grupo de Guias</strong></font> (ou <font color="#ff8000"><strong>Abrir todos os Favoritos</strong></font>).</p> <img src="http://lh4.ggpht.com/_QocHY3CSRM0/Srp9LmvTAxI/AAAAAAAAE2M/1Ov2A17N58k/s400/ping_favoritos_abrir.png" /> <p>Depois que todas as páginas forem abertas, você pode fechar a janela que os Pings já foram enviados!</p> <p>Agora, se você utiliza o <strong>Windows Live Writer</strong> para publicar suas postagens, pode tornar os Pings automáticos. Basta ir até o menu <strong><font color="#ff8000">Ferramentas</font></strong>, depois <font color="#ff8000"><strong>Opções</strong></font>, e na janela que se abrir, selecionar no menu à esquerda a opção <strong><font color="#ff8000">Enviar ping para servidores</font></strong>. Então marque a opção <font color="#ff8000"><strong>Enviar pings para as URLs abaixo</strong></font> e cole a lista de endereços que você anotou na primeira etapa, um por linha. Clique em <strong><font color="#ff8000">OK</font></strong>.</p> <img src="http://lh6.ggpht.com/_QocHY3CSRM0/Srp7RIlT_0I/AAAAAAAAE2E/-pBOGjkaNhs/s400/livewriter_ping.png" /> <p>Agora, sempre que você clicar em <strong><font color="#ff8000">Publicar</font></strong>, além de publicar a postagem, o Live Writer também enviará todos os Pings automaticamente.</p> </span> <blockquote> <p>Não há necessidade de ficar enviando pings toda hora, apenas quando seu blog possui conteúdo novo. Com ele, seus leitores terão acesso ao seu conteúdo o mais rápido possível!</p></blockquote> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-1036713781613685112009-09-22T18:14:00.001-03:002009-09-29T21:44:19.473-03:00Acelerando a indexação do Blogger no Yahoo! com o Site Explorer<a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO"><img title="Blogger SEO" alt="Blogger SEO" src="http://lh5.ggpht.com/_QocHY3CSRM0/Sog8JIhswnI/AAAAAAAAET0/Y1khdZABSs8/s400/blogger_seo_ib.png" /></a> <blockquote> <p>Além de <a href="http://www.icebreaker.com.br/2009/09/otimizando-suas-postagens-para-os.html" target="_blank"><strong>otimizar suas postagens</strong></a> e <a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO" target="_blank"><strong>outros aspectos</strong></a> do seu blog, é importante estreitar os laços entre ele e os mecanismos de busca. Para isso existem as Webmasters Tools, ferramentas fornecidas pelos sites de pesquisa que facilitam a indexação do seu conteúdo. Agora vamos aprender a adicionar seu Blogger/Blogspot ao <a href="http://br.yahoo.com/" target="_blank"><strong>Yahoo!</strong></a>, um dos mecanismos de busca mais utilizados atualmente – apenas atrás do Google.</p> </blockquote> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect"> <p>Acesse o <a href="https://siteexplorer.search.yahoo.com/" target="_blank"><strong>Yahoo! Site Explorer</strong></a> e clique em <strong><font color="#ff8000">My Sites</font></strong>. Faça login com sua conta do Yahoo! e você será direcionado para a página de sites adicionados. Agora procure pela caixa mostrada na imagem abaixo:</p> <p><img src="http://lh6.ggpht.com/_QocHY3CSRM0/Srk3efDTByI/AAAAAAAAEz0/BdxqAVuWEng/s800/yahoo_submit_blogger_blog.png" /></p> <p>Digite o endereço do seu blog e clique em <strong><font color="#ff8000">Add My Site</font></strong>.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"> <p>Agora você será levado à página de autenticação. Essa etapa é necessária para garantir que somente o dono do blog pode adicioná-lo ao Yahoo!.</p> <img src="http://lh3.ggpht.com/_QocHY3CSRM0/Srk4NzxWbbI/AAAAAAAAE0M/vdZT9ryvtGY/s800/yahoo_authenticate.png" /> <p>Clique em <font color="#ff8000"><strong>By adding a META tag to my home page</strong></font> e então <strong>Copie</strong> o código contido na caixa marcada na imagem acima (em laranja).</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4gM668I/AAAAAAAAAWE/x_03Stij92U/s144/item3.png" /></p> <span class="rect"> <p>Agora vamos adicionar este código de verificação ao seu Blog, acessando, em outra janela, seu <a href="http://www.blogger.com/home" target="_blank"><strong>Painel do Blogger</strong></a>, selecionando <strong><font color="#ff8000">Layout</font></strong>, e então clicando em <strong><font color="#ff8000">Editar HTML</font></strong> para entrar no modo de edição do código do seu Template.</p> </span><span class="yblk"><img align="left" src="http://lh5.ggpht.com/neostyle/SPOID_5qEsI/AAAAAAAAAXE/4triuWWr9nE/s144/itema.png" /> <p class="rect">Não se esqueça de<strong> <a href="http://www.icebreaker.com.br/2009/06/fazendo-e-utilizando-o-backup-de.html" target="_blank">fazer o backup</a></strong> do seu template antes de realizar as alterações no código, clicando em <font color="#ff8000"><strong>Baixar modelo completo</strong></font>.</p> </span><span class="rect"> <p>Procure pelo código <strong><em><head></em></strong> <em>(utilizando o <strong><font color="#ff8000">Ctrl+F</font></strong> do seu navegador)</em> e<strong> cole</strong> o código copiado anteriormente <u><strong>DEPOIS</strong></u> dele. É preciso adicionar “<font color="#ff8000"><strong>/</strong></font>” no final do código para que funcione, conforme o exemplo abaixo:</p> <p class="bblk"><em><META name="y_key" content="************************"<strong><font color="#ff8000">/</font></strong>></em></p> <p><strong>Visualize para verificar se está tudo correto e clique em <font color="#ff8000">Salvar Modelo</font>. </strong></p> </span></span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4n4er3I/AAAAAAAAAWM/A9S_B3FMtuQ/s144/item4.png" /></p> <span class="rect"> <p>Retorne à janela do Yahoo! Site Explorer e clique em <strong><font color="#ff8000">Ready to Authenticate</font></strong>. Confirmada a autenticação, clique em <strong><font color="#ff8000">Feeds</font></strong> no menu do lado esquerdo para adicionar um sitemap, que orientará o motor do Yahoo! a identificar suas postagens.</p> <img src="http://lh5.ggpht.com/_QocHY3CSRM0/Srk4No41aAI/AAAAAAAAE0I/XaH4RBj3XLs/s800/yahoo_add_feed_blogger.png" /> <p>Aqui você deverá indicar o endereço do sitemap. Se você utiliza o <strong>Feed padrão do Blogger</strong>, insira o seguinte endereço:</p> <p class="bblk"><em>atom.xml</em></p> <p>Se você utiliza <strong>redirecionamento de feed</strong>, através do <a href="http://feedburner.google.com" target="_blank"><strong>Feedburner</strong></a> ou outro serviço, digite o seguinte endereço:</p> <p class="bblk"><em>atom.xml?redirect=false</em></p> <p>Após digitar o endereço do sitemap, clique em <font color="#ff8000"><strong>Add Feed</strong></font>.</p> </span> <blockquote> <p>Os robôs do Yahoo! podem levar alguns dias para concluir a primeira indexação da sua página, depois fica mais rápido. Para consultar o status da indexação do seu blog no Yahoo!, consulte periodicamente o <a href="https://siteexplorer.search.yahoo.com/"><strong>Site Explorer</strong></a>.</p></blockquote> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-48755717194430806322009-09-21T17:47:00.001-03:002009-09-21T17:55:12.900-03:00Participe da Pesquisa iceBreaker e ganhe uma cópia antecipada do e-book Blogger SEO<blockquote> <p>Dessa vez eu não vim postar uma dica ou ajudar na dúvida de alguém – agora eu quero a<strong> sua</strong> ajuda. Preciso que você responda uma pequena pesquisa (todas as perguntas obrigatórias são de múltipla escolha). Os resultados desta pesquisa serão utilizados na defesa do meu TCC (Trabalho de Conclusão de Curso) para a UFPR cujo tema é o desenvolvimento de um metablog, ou seja, o iceBreaker, e também para a criação de um futuro Mídia Kit para o site.</p> </blockquote> <p>Como uma forma de recompensar aqueles que puderem reservar alguns poucos minutos para responder a pesquisa, estarei enviando uma <strong>cópia antecipada do e-book Blogger SEO</strong>, que terá seu lançamento oficial na próxima semana – ou seja, você receberá sua cópia antes disso. <strong>Estarão participando desta promoção as respostas que chegarem até sábado, dia 26/09.</strong></p> <p align="center">Para participar da pesquisa, clique na imagem abaixo:</p> <p align="center"><a href="http://spreadsheets.google.com/viewform?formkey=dDhxUHpYWWNTdUhtWlFZVFlCY0ZER2c6MA.." target="_blank"><img style="border-bottom: 0px; border-left: 0px; margin: 0px auto 10px; display: block; float: none; border-top: 0px; border-right: 0px" title="pesquisaicebreaker_bloggerseo1" border="0" alt="pesquisaicebreaker_bloggerseo1" src="http://lh5.ggpht.com/_QocHY3CSRM0/SrfmSNmhpDI/AAAAAAAAEyU/SOGaLf9Kgc0/pesquisaicebreaker_bloggerseo1%5B6%5D.png?imgmax=800" width="400" height="158" /></a> Ou <a href="http://spreadsheets.google.com/viewform?formkey=dDhxUHpYWWNTdUhtWlFZVFlCY0ZER2c6MA.." target="_blank">clique neste link para abrir o formulário</a><strong></strong>.</p> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-1720606434453326532009-09-21T16:02:00.001-03:002009-09-29T21:59:48.136-03:00Acelerando a indexação do Blogger no Bing com o Webmaster Center<a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO"><img title="Blogger SEO" alt="Blogger SEO" src="http://lh5.ggpht.com/_QocHY3CSRM0/Sog8JIhswnI/AAAAAAAAET0/Y1khdZABSs8/s400/blogger_seo_ib.png" /></a> <blockquote> <p>Além de <a href="http://www.icebreaker.com.br/2009/09/otimizando-suas-postagens-para-os.html" target="_blank"><strong>otimizar suas postagens</strong></a> e <a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO" target="_blank"><strong>outros aspectos</strong></a> do seu blog, é importante estreitar os laços entre ele os mecanismos de busca. Para isso existem as Webmasters Tools, ferramentas fornecidas pelos sites de pesquisa que facilitam a indexação do seu conteúdo. Agora vamos aprender a adicionar seu Blogger/Blogspot ao <a href="http://www.bing.com/" target="_blank"><strong>Bing</strong></a>, site de pesquisa da Microsoft.</p> </blockquote> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect"> <p>Acesse o <a href="http://www.bing.com/webmaster" target="_blank"><strong>Bing Webmaster Center</strong></a> e clique em <strong><font color="#ff8000">Sign in to use the tools</font></strong>. Faça login com sua conta do <em>Windows Live/MSN</em> e você será direcionado para a seguinte página:</p> <p><img src="http://lh3.ggpht.com/_QocHY3CSRM0/SrfGXBivpHI/AAAAAAAAEyM/FIDppp14Cm8/s800/bing_submit_blogger_blog.png" /></p> <p>Preencha o formulário como mostrado na imagem acima. Se você utilizar o redirecionamento de feed com o <strong><a href="http://feedburner.google.com" target="_blank">Feedburner</a></strong> (ou outro serviço de Feed), digite na caixa <strong><font color="#ff8000">Sitemap adress</font></strong> o endereço da seguinte forma <em>(substituindo em todos os casos, o “seublog.blogspot.com” pelo endereço do seu blog)</em>:</p> <p class="sblk"><strong><font color="#ff8000">seublog.blogspot.com/atom.xml?redirect=false</font></strong></p> <p>Após preencher todo o formulário, clique em <font color="#ff8000"><strong>Submit.</strong></font></p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"> <p>Agora você será levado a página de autenticação. Essa etapa é necessária para garantir que somente o dono do blog pode adicioná-lo ao Bing.</p> <img src="http://lh6.ggpht.com/_QocHY3CSRM0/SrfGW_jLzYI/AAAAAAAAEyI/V2Rh46o-g28/s800/bing_authenticate_blogger_blog.png" /> <p><strong>Copie</strong> o código contido na caixa marcada na imagem acima (em laranja).</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4gM668I/AAAAAAAAAWE/x_03Stij92U/s144/item3.png" /></p> <span class="rect"> <p>Agora vamos adicionar este código de verificação ao seu Blog, acessando o seu <a href="http://www.blogger.com/home" target="_blank"><strong>Painel do Blogger</strong></a>, selecionando <strong><font color="#ff8000">Layout</font></strong>, e então clicando em <strong><font color="#ff8000">Editar HTML</font></strong> para entrar no modo de edição do código do seu Template.</p> </span><span class="yblk"><img align="left" src="http://lh5.ggpht.com/neostyle/SPOID_5qEsI/AAAAAAAAAXE/4triuWWr9nE/s144/itema.png" /> <p class="rect">Não se esqueça de<strong> <a href="http://www.icebreaker.com.br/2009/06/fazendo-e-utilizando-o-backup-de.html" target="_blank">fazer o backup</a></strong> do seu template antes de realizar as alterações no código, clicando em <font color="#ff8000"><strong>Baixar modelo completo</strong></font>.</p> </span><span class="rect"> <p>Procure pelo código <strong><em><head></em></strong> <em>(utilizando o <strong><font color="#ff8000">Ctrl+F</font></strong> do seu navegador)</em> e<strong> cole</strong> o código copiado anteriormente <u><strong>DEPOIS</strong></u> dele.</p> </span></span><span class="gblk"><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh3.ggpht.com/neostyle/SPUQQx2isKI/AAAAAAAAAX0/yuwUUgHFmW4/s144/itemv.png" /> <p class="rect"><strong>Visualize para verificar se está tudo correto e clique em <font color="#ff8000">Salvar</font> Modelo. </strong>Para checar se seu blog foi incluído corretamente, acesse a <a href="http://www.bing.com/webmaster/WebmasterManageSitesPage.aspx" target="_blank"><strong>lista de sites</strong></a> e clique no endereço do seu blog para testar a autenticação. Se o painel do seu site abrir normalmente, seu blog foi reconhecido com êxito. Para consultar o status da indexação do seu blog no Bing, consulte periodicamente o <a href="http://www.bing.com/webmaster" target="_blank"><strong>Webmaster Center</strong></a>.</p> </span> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-32660878746310699372009-09-17T22:34:00.001-03:002009-09-17T22:38:12.225-03:00Ativando as fotos/avatares nos comentários do Blogger<a href="http://www.icebreaker.com.br/search/label/Blogger%20Hacks"><img title="Blogger Hacks" alt="Blogger Hacks" src="http://lh3.ggpht.com/_QocHY3CSRM0/SYo7wH28d1I/AAAAAAAABkQ/0nroS9nZTYQ/s400/blogger_hacks_ib.png" /></a>  <blockquote> <p align="left">Como uma das novidades em <a href="http://www.icebreaker.com.br/2009/08/blogger-faz-10-anos-e-os-presentes-sao.html" target="_blank"><strong>comemoração aos 10 anos do Blogger</strong></a>, hoje foi <a href="http://buzz.blogger.com/2009/09/show-your-face.html" target="_blank"><strong>anunciado pelo Blogger Buzz</strong></a> o suporte à fotos/avatares nos comentários abaixo dos posts do Blogger/Blogspot. Apesar de <a href="http://www.icebreaker.com.br/2009/09/blogger-anuncia-suporte-imagensavatares.html" target="_blank"><strong>não ter sido como a gente esperava</strong></a>, o novo recurso está aí – mesmo que não sendo ativado automaticamente nos templates personalizados. Para ativar, podemos <em>reverter os modelos de widgets para o padrão</em> (em <em>Editar HTML</em>) ou então modificar o código para tal, como veremos abaixo. Vamos lá?</p> </blockquote> <p><strong>Para ativar o suporte a fotos/avatares no Blogger, faça o seguinte:</strong></p> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect">Acesse o seu Painel do Blogger e selecione <font color="#ff8000"><strong>Layout</strong></font>, então clique em <font color="#ff8000"><strong>Editar HTML</strong></font> para entrar no modo de edição do código do seu Template.</span> <span class="rect"><img style="margin: 5px 0px 3px; display: inline" src="http://lh4.ggpht.com/neostyle/SP4edVakTtI/AAAAAAAAAZ8/OFJNVQjL5Tw/s400/editarhtml.png" /> <br />Agora, marque a opção <strong><font color="#ff8000">Expandir modelos de widgets</font></strong>.</span><span class="yblk"><img align="left" src="http://lh5.ggpht.com/neostyle/SPOID_5qEsI/AAAAAAAAAXE/4triuWWr9nE/s144/itema.png" /> <p class="rect">Não se esqueça de<strong> <a href="http://www.icebreaker.com.br/2009/06/fazendo-e-utilizando-o-backup-de.html" target="_blank">fazer o backup</a></strong> do seu template antes de realizar as alterações no código, clicando em <font color="#ff8000"><strong>Baixar modelo completo</strong></font>.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"><strong>Procuro no seu código por <em><font color="#ff8000"><dl id='comments-block'></font></em> </strong><em>(utilizando o CTRL+F do seu navegador).</em> <strong>Você deverá <u>SUBSTITUIR</u> esta parte pela parte em laranja abaixo:</strong> </span><span class="rect"> <p class="bblk"><em><font color="#ff8000"><strong><dl expr:class='data:post.avatarIndentClass' id='comments-block'></strong></font> <br />        <b:loop values='data:post.comments' var='comment'> <br />          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'> <br />            <b:if cond='data:comment.favicon'> <br />              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> <br />            </b:if> <br />            <a expr:name='data:comment.anchorName'/> <br />            <font color="#008040"><strong><b:if cond='data:blog.enabledCommentProfileImages'> <br />              <data:comment.authorAvatarImage/> <br />            </b:if></strong></font> <br /></strong></font>            <b:if cond='data:comment.authorUrl'> <br />              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a></em></p> <p><strong><u>ACRESCENTE</u></strong> também em seu código a <strong>parte que está em verde</strong>, na mesma posição em que está no código que acima.</p> </span></span><span class="gblk"><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh3.ggpht.com/neostyle/SPUQQx2isKI/AAAAAAAAAX0/yuwUUgHFmW4/s144/itemv.png" /> <p class="rect"><strong>Visualize para verificar se está tudo correto e clique em <font color="#ff8000">Salvar Modelo</font>.  Agora seu blog passará a mostrar as fotos dos usuários que comentarem com a conta Google.</strong></p> </span><span class="rblk"><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr00lyTld_u_TLO-Yl2zfZYJMNsFky8-twhoCVZ6bykgMugKccY0IlWatjPt5nOkzG-N9SIbrk4FYsu-ss2o5fRuKif6npVI0Jk2F37U6X1BqDqgC_AtzlYf_o5HRFqOGendyywU_-wUM/s144/itemx.png" /> <p class="rect">Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em <font color="#ff8000"><strong>Limpar Edições</strong></font> ou utilize o backup que você criou e clique em<font color="#ff8000"><strong> Fazer Upload</strong></font>, então refaça todo o processo. <strong>Note que em templates cuja área de comentários seja muito personalizada, os avatares podem ter seu posicionamento prejudicado. Ainda não foi descoberto um modo de ajustar isso – o tutorial será atualizado assim que possível, com essa informação.</strong></p> </span> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-26773408780239377632009-09-08T15:21:00.001-03:002009-09-29T21:38:45.212-03:00Acelerando a indexação do Blogger no Google com as Webmasters Tools<a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO"><img title="Blogger SEO" alt="Blogger SEO" src="http://lh5.ggpht.com/_QocHY3CSRM0/Sog8JIhswnI/AAAAAAAAET0/Y1khdZABSs8/s400/blogger_seo_ib.png" /></a> <blockquote> <p>Além de <a href="http://www.icebreaker.com.br/2009/09/otimizando-suas-postagens-para-os.html" target="_blank"><strong>otimizar suas postagens</strong></a> e <a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO" target="_blank"><strong>outros aspectos</strong></a> do seu blog, é importante estreitar os laços entre ele os mecanismos de busca. Para isso existem as Webmasters Tools, ferramentas fornecidas pelos sites de pesquisa que facilitam a indexação do seu conteúdo. E como sabemos, o Google é atualmente o mecanismo de busca mais usado no mundo; por isso, faz-se necessário ter seu conteúdo indexado e <a href="http://www.icebreaker.com.br/2009/08/otimizando-o-fluxo-de-pagerank-no.html" target="_blank"><strong>bem avaliado</strong></a> por ele. Para tanto, vamos aprender a integrar as Webmasters Tools do Google, com o Blogger/Blogspot.</p> </blockquote> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect"> <p>Antes de poder usar as Ferramentas para Webmasters (ou <em>Webmasters Tools</em>), devemos ativá-las no Blogger. Para isso acesse a <a href="http://www.blogger.com/wmx-verification-request.g" target="_blank"><strong>Página de Ativação</strong></a> e clique no botão <font color="#ff8000"><strong>Ativar Ferramentas para Webmasters</strong></font>.</p> <p><img src="http://lh6.ggpht.com/_QocHY3CSRM0/SqaUwXxSNzI/AAAAAAAAEgw/VQrhzKp3qaY/s800/blogger_ativar_ferramentaswebmasters.png" /></p> <p>Em seguida, você será levado à <a href="https://www.google.com/webmasters/tools/home?hl=pt-BR" target="_blank"><strong>página inicial das Ferramentas para Webmasters do Google</strong></a>. Se os seus blogs já estiverem listados, você poderá passar para a próxima etapa. Caso contrário, resta esperar até que eles apareçam na lista <em>(pode levar cerca de 24 horas)</em>.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="right" src="http://lh6.ggpht.com/_QocHY3CSRM0/SqaUwTmCRiI/AAAAAAAAEg0/5-ZGAIPYWBQ/s288/googlewebmasters_sitemaps.png" />Agora, clique em seu blog na lista de sites adicionados. Em seguida, clique na opção <font color="#ff8000"><strong>Configurações do site</strong></font> na barra lateral para expandí-la. Depois clique no item <strong><font color="#ff8000">Sitemaps</font></strong>.</p> </span><span class="rect"> <p>Você será levado à um página que lista os sitemaps (mapas de site) adicionados. Os robôs de indexação consultam estes sitemaps como uma forma de ter acesso mais fácil e rápido às páginas do site.</p> <p>No caso do Blogger, o sitemap utilizado é o <strong>Feed</strong> das postagens. Com ele, os mecanismos de busca poderão indexar cada nova postagem com maior rapidez, apenas verificando seu feed.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4gM668I/AAAAAAAAAWE/x_03Stij92U/s144/item3.png" /></p> <span class="rect"> <p>Para adicionar um sitemap clique no botão <font color="#ff8000"><strong>Enviar um Sitemap</strong></font>.</p> <p><img src="http://lh4.ggpht.com/_QocHY3CSRM0/SqaUwQAYs_I/AAAAAAAAEg4/xTfuEvR3smU/s800/googlewebmasters_adicionarsitemap.png" /></p> <p>Aqui você deverá indicar o endereço do sitemap. Se você utiliza o <strong>Feed padrão do Blogger</strong>, insira o seguinte endereço:</p> <p class="bblk"><em>atom.xml</em></p> <p>Se você utiliza <strong>redirecionamento de feed</strong>, através do <a href="http://feedburner.google.com" target="_blank"><strong>Feedburner</strong></a> ou outro serviço, digite o seguinte endereço:</p> <p class="bblk"><em>atom.xml?redirect=false&start-index=1&max-results=<strong><font color="#ff8000">100</font></strong></em></p> <p>Por padrão, este sitemap indicará apenas as últimas 100 postagens no seu blog para os robôs de indexação. Se você quiser aumentar o número de postagens, altere a parte em laranja pelo <font color="#ff8000"><strong>número de postagens desejado</strong></font> (o máximo é 500). Observe que quanto maior for o número de postagens, mais tempo levará a indexação.</p> <p>Porém, se você tiver um alto número de postagens, e não quiser ser prejudicado quanto à velocidade de indexação, poderá manter dois (ou mais) sitemaps, como no exemplo:</p> <p class="bblk"><em>atom.xml?redirect=false&start-index=<font color="#800040"><strong>1</strong></font>&max-results=<strong><font color="#ff8000">100</font></strong></em></p> <p class="bblk"><em>atom.xml?redirect=false&start-index=<font color="#800040"><strong>101</strong></font>&max-results=<font color="#ff8000"><strong>500</strong></font></em></p> <p>Adicionando os dois sitemaps acima – <strong>um de cada vez</strong> –, as 100 primeiras postagens serão indexadas mais rapidamente, enquanto as próximas 500 serão indexadas com um intervalo maior de tempo (o que não é um problema, já que postagens mais antigas só precisam ser reindexadas no caso de uma alteração ou atualização em seu conteúdo). Se você precisar adicionar um terceiro sitemap, some as partes em vinho e laranja do sitemap anterior e coloque o <font color="#800040"><strong>resultado na parte em vinho do novo sitemap</strong></font>. Por exemplo, num terceiro sitemap do exemplo acima, a parte em vinho seria <font color="#800040"><strong>601</strong></font>.</p> </span> <blockquote> <p>A primeira indexação pode levar alguns dias e os dados completos podem levar até 1 mês para aparecerem nos resultados das pesquisas do Google – a partir daí, o processo se tornará mais rápido. Para consultar o progresso da indexação basta consultar as <a href="https://www.google.com/webmasters/tools/home?hl=pt-BR">Ferramentas para Webmasters do Google</a>.</p></blockquote> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-20054448590908102092009-09-02T13:48:00.001-03:002009-09-29T17:53:07.401-03:00Otimizando suas Postagens para os mecanismos de busca<a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO"><img title="Blogger SEO" alt="Blogger SEO" src="http://lh5.ggpht.com/_QocHY3CSRM0/Sog8JIhswnI/AAAAAAAAET0/Y1khdZABSs8/s400/blogger_seo_ib.png" /></a> <blockquote> <p>Embora o template represente toda a estrutura do blog, o conteúdo em si está nas<strong> postagens</strong> – e são elas que devem ser encontradas pelos usuários através dos mecanismos de busca. Portanto, cabe ao blogueiro fazer uso de algumas boas práticas para tornar seu conteúdo mais amigável aos sites de pesquisa.</p> </blockquote> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect"> <h2>Seja o primeiro</h2> </span><span class="rect"> <p>Para obter um bom posicionamento nas pesquisas, muitos blogs procuram escrever sobre assuntos novos o mais rápido possível, antecipando tendências e interesses. Para isso, é necessário estar <strong>atualizado</strong>. Quando você é o primeiro a escrever, também é o primeiro a ser indexado, além de receber a maior quantidade de links.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"> <h2>Seja relevante</h2> </span><span class="rect"> <p>Ter um <strong>conteúdo de qualidade</strong> é imprescindível para ser reconhecido pelos seus leitores, e claro, pelos mecanismos de busca. Não adianta aplicar todas as técnicas de SEO se o seu blog não possui um conteúdo relevante e interessante, ou se ele <a href="http://www.icebreaker.com.br/2009/04/evitando-o-plagio-o-que-fazer-e-o-que.html"><strong>possui conteúdo copiado de outros sites</strong></a>.</p> <p>Coloque-se no lugar do leitor e pense em <strong>que frase eles poderiam inserir na pesquisa</strong> sobre o tema escolhido e procure corresponder à essas palavras. É importante <strong>incluir o maior número de palavras-chave relevantes</strong> àquele tema sem, é claro, fazer rodeios e tornar seu texto maçante – afinal, o objetivo é atrair <strong>pessoas</strong>.</p> <p>Atenção especial aos títulos das postagens, que devem descrever de forma <strong>relevante e objetiva</strong> o conteúdo apresentado. Também não se esqueça de <a href="http://www.icebreaker.com.br/2009/08/otimizando-o-titulo-e-url-das-paginas.html"><strong>otimizar os títulos e URLs do seu template</strong></a>.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4gM668I/AAAAAAAAAWE/x_03Stij92U/s144/item3.png" /></p> <span class="rect"> <h2>Faça uso dos Links</h2> </span><span class="rect"> <p>É muito importante criar pontes entre suas postagens, indicando artigos relacionados e conteúdo complementar. Por isso, não deixe de inserir links para o seu próprio conteúdo dentro do seu texto. Dessa forma, os robôs podem explorar todos os assuntos correlatos e atribuir corretamente o <a href="http://www.icebreaker.com.br/2009/08/otimizando-o-fluxo-de-pagerank-no.html"><strong>PageRank</strong></a> às páginas.</p> <p>Mas se você não possui conteúdo relacionado ao tema, não deixe de indicar outros blogs que possuam. Por fim, não se esqueça de <a href="http://www.icebreaker.com.br/2009/08/otimizando-seus-links-no-blogger.html"><strong>otimizar os links incluídos em suas postagens</strong></a>.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4n4er3I/AAAAAAAAAWM/A9S_B3FMtuQ/s144/item4.png" /></p> <span class="rect"> <h2>Deixe suas postagens mais dinâmicas</h2> </span><span class="rect"> <p>Crie artigos bem estruturados, <a href="http://www.icebreaker.com.br/2009/08/otimizando-hierarquia-titulos-headings.html"><strong>atribuindo hierarquia através dos subtítulos</strong></a> e não se esqueça de <a href="http://www.icebreaker.com.br/2009/08/otimizando-imagens-seo-blogger.html"><strong>utilizar imagens otimizadas</strong></a> para ilustrá-los. Utilizar atributos como <strong>negrito</strong> e<em> itálico</em> também tornam o entendimento – e a indexação – mais eficiente.</p> </span> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-36950028298631043902009-08-30T18:26:00.001-03:002009-09-29T17:27:14.854-03:00Otimizando as Imagens para os mecanismos de busca no Blogger<a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO"><img title="Blogger SEO" alt="Blogger SEO" src="http://lh5.ggpht.com/_QocHY3CSRM0/Sog8JIhswnI/AAAAAAAAET0/Y1khdZABSs8/s400/blogger_seo_ib.png" /></a> <blockquote> <p>As <strong>imagens</strong> são elementos essenciais para os blogs, pois ilustram as páginas e facilitam a navegação. No entanto, elas podem ser ignoradas pelos robôs de indexação se não forem otimizadas. E não estou falando da otimização para que elas <a href="http://www.icebreaker.com.br/2008/10/como-otimizar-as-imagens-para-seu-blog.html" target="_blank"><strong>carreguem mais rapidamente</strong></a> e sim da <a href="http://www.icebreaker.com.br/2009/08/o-que-e-seo-e-por-que-isso-e-essencial.html"><strong>otimização para buscas (SEO)</strong></a>.</p> </blockquote> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect"> <h2>Texto Alternativo</h2> </span><span class="rect"> <p>Os mecanismos de busca <strong>conseguem ler apenas os elementos baseados em texto</strong>, ou seja, não podem identificar imagens (e outros elementos, como Flash e vídeos) na página. No entanto, as imagens podem conter um<strong> texto alternativo</strong>, que é exibido quando a imagem não puder ser carregada, quando o usuário desativar a exibição de imagens ou quando estiver usando um navegador de texto. Para adicionar o texto alternativo à uma imagem no editor do Blogger, basta acessar o código HTML da imagem e deixá-lo mais ou menos assim:</p> <p class="sblk"><em><img src=”http://imagem.png” <font color="#ff8000">alt=”<strong>Texto alternativo</strong>”</font> /></em></p> <p>Quando os robôs dos mecanismos de busca estiverem indexando sua página, vão poder identificar as imagens com texto alternativo, e possivelmente, até incluí-las no índice da pesquisa de imagens. Mas não se esqueça: você deverá definir como texto alternativo uma pequena frase que diga <strong>o que é aquela imagem</strong>.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"> <h2>A Camada do Título</h2> </span><span class="rect"> <p>Assim como os<strong> </strong><a href="http://www.icebreaker.com.br/2009/08/otimizando-seus-links-no-blogger.html" target="_blank"><strong>links</strong></a>, imagens também podem receber <strong>títulos</strong>. Eles funcionam como uma camada extra de descrição e aparecem sempre quando o usuário posiciona o mouse sobre a imagem (como uma <em>“dica de tela”</em>). Para adicionar um título à uma imagem, basta acrescentar o código em laranja:</p> </span><span class="rect"> <p class="bblk"><em><img src=”http://imagem.png” alt=”Texto alternativo” <font color="#ff8000">title=”<strong>Título da imagem</strong>”</font> /></em></p> <p>Você poderá definir como título, uma pequena frase que diga <strong>mais sobre aquela imagem</strong>. Tanto<em> Texto alternativo</em> quanto <em>Título</em> podem (e devem, na medida do possível) ser aplicados nas imagens presentes no <strong>template e postagens</strong>.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4gM668I/AAAAAAAAAWE/x_03Stij92U/s144/item3.png" /></p> <span class="rect"> <h2>Dê preferência aos textos</h2> </span><span class="rect"> <p>Existem blogs que utilizam imagens no lugar de texto, como em banners informativos, subtítulos ou como partes do template. Com a atribuição de <em>Texto alternativo</em> e <em>Títulos</em>, essas imagens podem ser lidas pelos mecanismos de busca, mas <strong>isso não as torna mais eficientes que utilizar texto</strong>. Muitas vezes você pode atingir o visual desejado apenas usando CSS, sem precisar substituir tudo por uma imagem. O mesmo vale para elementos baseados em Flash e outros Plug-ins.</p> </span> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-24628406995333641452009-08-29T22:29:00.001-03:002009-09-29T17:20:27.379-03:00Otimizando seus Links no Blogger<a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO"><img title="Blogger SEO" alt="Blogger SEO" src="http://lh5.ggpht.com/_QocHY3CSRM0/Sog8JIhswnI/AAAAAAAAET0/Y1khdZABSs8/s400/blogger_seo_ib.png" /></a> <blockquote> <p>Na internet, o elemento mais importante é com certeza o <strong>link</strong>. São eles que criam pontes entre as páginas do seu blog <em>(links internos)</em> e para fora dele <em>(externos)</em>. Como se sabe, os links são considerados pelo Google como um <a href="http://www.icebreaker.com.br/2009/08/otimizando-o-fluxo-de-pagerank-no.html" target="_blank"><strong>voto de confiança que uma página envia à outra</strong></a>, mas além de ter este <em>poder de voto</em>, os links também tem o poder de descrever as páginas indicadas (à exemplo das <a href="http://www.icebreaker.com.br/2009/08/otimizando-as-meta-tags-no-blogger.html" target="_blank"><strong>Meta Tags</strong></a>). É imprescindível saber usá-los corretamente quando falamos de <a href="http://www.icebreaker.com.br/2009/08/o-que-e-seo-e-por-que-isso-e-essencial.html"><strong>otimização para buscas (SEO)</strong></a>.</p> </blockquote> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect"> <h2>Links no Contexto</h2> </span><span class="rect"> <p>Um detalhe muito importante na otimização dos links é <strong>onde os links são aplicados</strong>. É muito comum ver links do tipo <em>“Clique aqui”</em>, que não dizem nada aos mecanismos de busca sobre o seu destino. O <strong>ideal </strong>é aplicar o link no trecho que corresponde ao destino, como no exemplo:</p> <p class="sblk">É muito importante <a href="http://www.icebreaker.com.br/2009/08/o-que-e-seo-e-por-que-isso-e-essencial.html" target="_blank"><strong>aprender o que é SEO</strong></a>.</p> <p>Portanto, <strong>evite</strong> criar links dessa forma:</p> <p class="sblk">Quer aprender o que é SEO? <a href="http://www.icebreaker.com.br/2009/08/o-que-e-seo-e-por-que-isso-e-essencial.html" target="_blank"><strong>Clique aqui!</strong></a></p> <p>O texto do link ajuda a descrever aos mecanismos de busca o conteúdo que ele está indicando, além de tornar a leitura muito mais agradável – ninguém gosta que fiquem mandando clicar aqui ou ali. Otimizar os links do seu blog (tanto nas postagens, como no template) fará com que a página indicada e a página que indica ganhem maior relevância.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"> <h2>A Camada do Título</h2> </span><span class="rect"> <p>Existem diversos momentos onde não é possível atribuir um texto descritivo à um link, para isso existem os <strong>títulos</strong>. Esses títulos funcionam como uma camada extra de descrição e aparecem sempre quando o usuário posiciona o mouse sobre um link. <a title="Este é o título do link!" href="http://www.icebreaker.com.br/" target="_blank"><strong>Posicione o mouse sobre este link para ver</strong></a>.</p> </span><span class="rect"> <p>Se você utiliza o Windows Live Writer, poderá adicionar um título na própria caixa de diálogo <em>Inserir Hiperlink</em>. Para adicionar um título no editor do Blogger, basta acessar o código HTML do link e deixá-lo mais ou menos assim:</p> <p class="bblk"><em><a href=”http://www.icebreaker.com.br” <font color="#ff8000">title=”<strong>Este é o título do link!</strong>”</font>>Posicione o mouse sobre este link para ver</a></em></p> <p>Novamente, isto vale tanto para os links nas postagens quanto no template. É importante informar ao mecanismos de busca – e ao leitor – da melhor maneira possível sobre o que aquele link se refere, seja no contexto do link, seja no título, ou mesmo <strong>usando os dois</strong>.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4gM668I/AAAAAAAAAWE/x_03Stij92U/s144/item3.png" /></p> <span class="rect"> <h2>Otimizando as listas de Links</h2> </span><span class="rect"> <p>O widget <strong>Listas de links</strong> também pode ser otimizado, e é muito importante que seja, já que ele se repete em todas as páginas do seu blog. Para otimizá-lo, acesse seu <a href="http://www.blogger.com/home"><strong>Painel do Blogger</strong></a>, selecione <strong><font color="#ff8000">Layout</font></strong>, clique em <strong><font color="#ff8000">Editar HTML</font></strong> e marque a opção <strong><font color="#ff8000">Expandir modelos de widgets</font></strong>. Então procure por <strong><em>LinkList</em></strong> (que é o nome do widget no código). Se você utiliza mais de uma lista de links, encontrará mais vezes este nome.</p> <p>Agora, adicione o código em vinho para <strong><font color="#800040">acrescentar um título</font></strong> igual ao nome do link à todos os links, e o código em verde para <font color="#008040"><strong>acrescentar o <em>nofollow</em></strong></font> e <a href="http://www.icebreaker.com.br/2009/08/otimizando-o-fluxo-de-pagerank-no.html" target="_blank"><strong>deixar de passar PageRank</strong></a> em todas as páginas (só adicione este código em verde se tratar-se de uma lista com links externos, como um <em>blogroll</em> ou lista de parceiros).</p> <p class="bblk"><em><ul> <br />     <b:loop values='data:links' var='link'> <br />       <li><a expr:href='data:link.target' <font color="#800040"><strong>expr:title='data:link.name' <font color="#008040">rel=’nofollow’</font></strong></font>><data:link.name/></a></li> <br />     </b:loop> <br />   </ul></em></p> <p>Depois que fizer todas as adições, <strong><font color="#ff8000">Visualize</font></strong> para checar se não surgiram erros no template e clique em <strong><font color="#ff8000">Salvar Modelo</font></strong>.</p> </span> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-419932519988772442009-08-24T19:11:00.001-03:002009-09-29T17:12:13.644-03:00Otimizando a Hierarquia de Títulos (Headings) no Blogger<a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO"><img title="Blogger SEO" alt="Blogger SEO" src="http://lh5.ggpht.com/_QocHY3CSRM0/Sog8JIhswnI/AAAAAAAAET0/Y1khdZABSs8/s400/blogger_seo_ib.png" /></a> <blockquote> <p>Diferente da tag <strong></title></strong> que define o título da janela do navegador – <a href="http://www.icebreaker.com.br/2009/08/otimizando-o-titulo-e-url-das-paginas.html" target="_blank"><strong>e que também pode ser otimizada</strong></a> –, as <strong>tags de títulos</strong>, também conhecidas como <strong>“headings”</strong> ou “cabeçalhos”, são usadas para organizar hierarquicamente as informações na página. A primeira destas tags – portanto, a de maior “peso” – é a <strong><h1> </strong>– A última, <strong><h6></strong>. Além de ter sua função na formatação das postagens, este recurso também é importante para os sites de pesquisa. Por isso, o ideal é atribuir tags de título com maior peso às informações mais importantes da página.</p> </blockquote> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect"> <h2>Otimizando os Títulos das Postagens</h2> </span><span class="rect"> <p>Por padrão, o Blogger atribui a tag de título <strong><h3></strong> aos títulos das postagens, mas o ideal é que elas sejam <strong><h1></strong>, pois concentram o principal assunto da página.</p> <p>Antes de realizar a correção, faça o <a href="http://www.icebreaker.com.br/2009/06/fazendo-e-utilizando-o-backup-de.html" target="_blank"><strong>Backup do seu Template</strong></a>. Agora, acesse seu <a href="http://www.blogger.com/home" target="_blank"><strong>Painel do Blogger</strong></a>, selecione <strong><font color="#ff8000">Layout</font></strong>, clique em <strong><font color="#ff8000">Editar HTML</font></strong> e marque a opção <font color="#ff8000"><strong>Expandir modelos de widgets</strong></font>. Então procure pelo código <em><strong><font color="#008040">.post h3</font> </strong>(como na imagem abaixo)<strong>.</strong></em></p> <img src="http://lh3.ggpht.com/_QocHY3CSRM0/SpLoGcXLEqI/AAAAAAAAEXI/MZyXPSr2LIs/s800/blogger_html_h3.png" /> <p>Agora, <strong><u>SUBSTITUA</u></strong> todos os <strong><em><font color="#008040">h3</font></em></strong> por <strong><em><font color="#008040">h1</font></em></strong>. Depois, procure pelo código <strong><em><font color="#008040"><h3</font></em></strong> e <strong><u>SUBSTITUA</u></strong> por <strong><em><font color="#008040"><h1</font></em></strong>. Para terminar, procure por <strong><em><font color="#008040"></h3</font></em></strong> e <strong><u>SUBSTITUA</u></strong> por <strong><em><font color="#008040"></h1</font></em></strong>. Depois que fizer todas as substituições, <strong><font color="#ff8000">Visualize</font></strong> para verificar se não surgiram erros no template, e clique em <strong><font color="#ff8000">Salvar Modelo</font></strong>.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"> <h2>Otimizando o Cabeçalho do Blog</h2> </span><span class="rect"> <p>Esta otimização se aplica caso você utilize o elemento <strong>Cabeçalho</strong> <em>(em <strong><font color="#ff8000">Elementos de Página</font></strong>)</em>, que nada mais é que o título do blog exibido na parte superior do layout. É necessário aumentar a importância dele na página se o nome do blog tiver relação com o assunto tratado, ou diminuí-la, caso contrário.</p> </span><span class="rect"> <ul> <li>Se o <strong>nome do seu blog possui palavras-chave relevantes (ao assunto do blog) para os mecanismos de busca, e é exibido como texto</strong>, não será necessária nenhuma alteração, pois o Blogger já atribui por padrão a tag <strong><h1></strong> à ele. </li> <li>Se o <strong>nome do seu blog não possui palavras-chave relevantes</strong>, você poderá reduzir o peso dele através da tag de título – o inverso do que fez no no passo 1 –, substituindo os códigos <font color="#008040"><em><strong>#header h1</strong></em></font> por<font color="#008040"><strong><em> #header h3</em></strong></font> e o <font color="#008040"><strong><em><h1</em></strong></font> e <font color="#008040"><strong><em></h1</em></strong></font> (que estiverem dentro do <em><strong><font color="#008040">header-wrapper</font></strong></em>) por <font color="#008040"><strong><em><h3</em></strong></font> e <strong><em><font color="#008040"></h3</font></em></strong>, respectivamente. </li> <li>Por outro lado, se o seu blog tiver um <strong>nome relevante ao assunto, mas você utilizar uma imagem no lugar do texto</strong>, nós poderemos utilizar um título oculto mas que poderá ser lido pelos mecanismos de busca. Para isso, basta acrescentar o atributo <strong><em><font color="#008040">display: none;</font></em></strong> abaixo de <em><strong><font color="#008040">#header h1</font></strong></em> e depois acrescentar <strong><font color="#008040"><em><h1><font color="#800040">Título do Blog</font></h1></em></font></strong> abaixo de <strong><em><font color="#008040"><div id=’header-inner’</font></em></strong>>, substituindo a parte em vinho pelo nome do blog. </li> </ul> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4gM668I/AAAAAAAAAWE/x_03Stij92U/s144/item3.png" /></p> <span class="rect"> <h2>Faça uso dos Subtítulos</h2> </span><span class="rect"> <p>Subtítulos ou informações secundárias devem utilizar a tag de título <strong><h2></strong>. Por padrão, o Blogger atribui esta tag aos títulos de widgets e data de publicação das postagens, o que está correto. Mas também é possível usar o <strong><h2></strong> dentro das postagens. Com o título já otimizado em <strong><h1></strong> e os subtítulos em <strong><h2></strong>, as páginas terão uma hierarquia mais amigável para os mecanismos de busca.</p> <p>Para usar o subtítulo dentro das postagens, insira o código <strong><em><font color="#008040"><h2><font color="#800040">Subtítulo da postagem</font></h2></font></em></strong>, substituindo a parte em vinho pelo subtítulo. No caso de outros editores de postagem como o <em>Live Writer</em>, basta aplicar o estilo <font color="#ff8000"><strong>Título 2</strong></font> ou <font color="#ff8000"><strong>Heading 2</strong></font> ao texto desejado. Para <strong>personalizar a aparência dos subtítulos</strong>, basta criar a classe <font color="#008040"><strong><em>.post h2</em></strong></font> e atribuir a formatação que eles deverão ter, no modo de edição de HTML do template.</p> </span> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.comtag:blogger.com,1999:blog-5054739699877181460.post-20316157520863122512009-08-22T23:14:00.001-03:002009-09-29T17:00:09.674-03:00Evitando o conteúdo duplicado no Blogger<a href="http://www.icebreaker.com.br/search/label/Blogger%20SEO"><img title="Blogger SEO" alt="Blogger SEO" src="http://lh5.ggpht.com/_QocHY3CSRM0/Sog8JIhswnI/AAAAAAAAET0/Y1khdZABSs8/s400/blogger_seo_ib.png" /></a> <blockquote> <p>No processo de otimização para buscas (SEO), é importante garantir que o site não possua <strong>conteúdo duplicado</strong>. Este termo é usado para fazer referência à blocos de texto com o mesmo conteúdo – ou seja, textos iguais em lugares diferentes –, seja ele produzido automaticamente ou manualmente. Ao identificar este tipo de ocorrência, os mecanismos de busca podem penalizar as páginas envolvidas na “cópia”, geralmente dando preferência à página que publicou aquele conteúdo primeiro.</p> </blockquote> <p><strong>Para evitar a duplicação de conteúdo no seu blog, leve em conta as seguintes orientações:</strong></p> <p><strong><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPOH4Wn9weI/AAAAAAAAAV0/4XIdfNBvHUs/s144/item1.png" /></strong> </p> <span class="rect"> <h2>Evite conteúdo semelhante</h2> </span><span class="rect"> <p>Procure não criar postagens com conteúdos semelhantes, como aquelas que divulgam um conteúdo antigo já existente no seu blog. Ao invés disso, atualize a postagem original e altere sua data para que ela apareça novamente no topo das postagens, mantendo todos os <a href="http://www.icebreaker.com.br/2009/08/otimizando-seus-links-no-blogger.html">links</a>, comentários e <a href="http://www.icebreaker.com.br/2009/08/otimizando-o-fluxo-de-pagerank-no.html">PageRank</a> acumulado.</p> <p>Se você tiver muitas postagens parecidas, <strong>desenvolva</strong> cada uma delas com informações únicas ou então<strong> junte todas</strong> numa única página.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh6.ggpht.com/neostyle/SPUQQ1ER49I/AAAAAAAAAXs/dS302iPbsq8/s144/item2.png" /></p> <span class="rect"> <h2>Minimize as repetições</h2> </span><span class="rect"> <p>É muito comum ver textos fixos nos templates, como um texto sobre os direitos autorais, apresentação do autor, advertência sobre o plágio e outros. Apesar de terem uma função clara para o usuário, esses trechos se repetem em todas as páginas e contribuem para diluir a relevância de cada artigo perante os mecanismos de busca, já que na maioria das vezes, não tem relação direta com o conteúdo da postagem.</p> <p>Por isso, ao invés de deixar um texto visível em todas as páginas, crie uma postagem específica sobre o assunto e <strong>deixe apenas um link</strong> disponível no seu template, como acontece com o “Sobre”, “Política de Privacidade” e “Alguns direitos reservados”.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4gM668I/AAAAAAAAAWE/x_03Stij92U/s144/item3.png" /></p> <span class="rect"> <h2>Não crie postagens vazias</h2> </span><span class="rect"> <p>Esta é uma péssima prática que ocorre até hoje: a de <em>reservar</em> postagens. Você visita o blog, clica no “Sobre” e dá de cara com um “Em breve” ou coisa do tipo. São inúmeros os casos de postagens “reserva”. Isso prejudica seu blog perante os mecanismos de busca, pois cria uma repetição do conteúdo do seu template sem qualquer motivo ou relevância.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4n4er3I/AAAAAAAAAWM/A9S_B3FMtuQ/s144/item4.png" /></p> <span class="rect"> <h2>Ajustando as Páginas do Blogger</h2> </span><span class="rect"> <p>Vamos imaginar que seu blog possua 5 postagens. Além de aparecerem em suas próprias <a href="http://www.icebreaker.com.br/2009/08/configurando-seu-blogger-para-melhor.html">páginas individuais</a>, elas aparecerão também na página de arquivo, na página inicial e nas páginas dos marcadores atribuídos à ela. Com isso, cada postagem se repete por pelo menos 4 vezes, multiplicando-as em 20 páginas. Ou seja, um grave problema de conteúdo duplicado.</p> <p>No caso das páginas de arquivo, é possível resolver o problema acessando a opção <font color="#ff8000"><strong>Configurações</strong></font> e clicando em <strong><font color="#ff8000">Arquivamento</font></strong>. No item <font color="#ff8000"><strong>Frequência de arquivamento</strong></font>, selecione a opção <font color="#ff8000"><strong>Não arquivar</strong></font>.</p> <img src="http://lh3.ggpht.com/_QocHY3CSRM0/SpCesJ56zlI/AAAAAAAAEWs/H9g5Y0EEnUQ/s800/blogger_arquivamento.png" /> <p>Isso <strong>não desativará</strong> os comandos “Postagem mais recente/mais antiga”, que continuarão a funcionar; apenas desativará as páginas de arquivo (e também o widget de arquivo). No caso da página inicial, como ela está sempre mudando, você poderá amenizar o problema se diminuir a quantidade de postagens exibidas, através da opção <strong><font color="#ff8000">Formatação</font></strong>, dentro de <strong><font color="#ff8000">Configurações</font></strong> (coloque no máximo até 10 postagens). Já as páginas de marcadores, essas são ignoradas automaticamente pelos robôs de indexação.</p> <p><strong>Alternativamente</strong>, você pode evitar este problema se <a href="http://www.icebreaker.com.br/2009/03/resumindo-postagens-na-pagina-inicial.html" target="_blank"><strong>resumir as postagens (com o link “Leia mais”)</strong></a> ou <a href="http://www.icebreaker.com.br/2009/02/mostrando-apenas-o-titulo-das-postagens.html" target="_blank"><strong>exibir somente o título delas na página inicial</strong></a> e <a href="http://www.icebreaker.com.br/2009/02/mostrando-apenas-o-titulo-nas-paginas.html" target="_blank"><strong>de arquivos</strong></a>.</p> </span> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://lh4.ggpht.com/neostyle/SPOH4koueMI/AAAAAAAAAWU/9G0Ngs84Iqg/s144/item5.png" /></p> <span class="rect"> <h2>Cuidados com o compartilhamento</h2> </span><span class="rect"> <p>Hoje em dia é natural compartilhar seu conteúdo através de sites de compartilhamento e redes sociais, e isso é muito positivo para seu blog. No entanto é bom tomar certos cuidados para <strong>garantir que a versão compartilhada não ganhe mais relevância do que a versão original</strong>:</p> <ul> <li>Compartilhe somente após você ter publicado a versão final do seu artigo; </li> <li>Tenha certeza de que o site de compartilhamento vai incluir um link de volta para a o seu artigo original; </li> <li>Em sites que exigem uma descrição do conteúdo compartilhado, insira apenas um trecho ou então uma introdução ao assunto tratado no artigo original; </li> <li>Sites em que você compartilha apenas o link podem ser usados sem qualquer restrição. </li> </ul> </span> Sérgio Estrellahttp://www.blogger.com/profile/10170734446326611446noreply@blogger.com