Redescobrindo a pequena web (2020)
(neustadt.fr)- A web comercial cresceu em torno de engajamento, conversão e otimização, mas a pequena web independente, onde pessoas compartilham hobbies e interesses, continua viva em 2020
- Nos anos 1990 e no início dos anos 2000, a web era estruturada para que qualquer pessoa criasse seu próprio espaço, se conectasse por links e explorasse, por meio de hospedagem gratuita como Geocities, Tripod e Fortunecity, além de homepages pessoais em HTML
- Plataformas como Google, Facebook e LinkedIn, junto com o ecossistema de busca e publicidade, concentraram a experiência da web em poucos gatekeepers e em fluxos guiados por algoritmos, tornando a pequena web menos visível
- A pequena web prioriza autoexpressão e criação acima de SEO, analytics, taxa de conversão e call to action, mostrando que um site não precisa necessariamente ser um produto ou canal de marketing
- Mesmo só com HTML, CSS e hospedagem gratuita, ainda é possível criar um site pessoal, e ferramentas e diretórios como Neocities, Wiby e Curlie servem como ponto de partida para explorar e participar da pequena web
A pequena web fora da web comercial
- Hoje, muitos sites são feitos por profissionais e profissionais de marketing, e são otimizados para atrair mais visitantes e levá-los até a conversão
- Em áreas menos visíveis, ainda existem sites criados por pessoas comuns para compartilhar seus interesses e hobbies
- Podem ser pouco polidos ou estranhos, mas muitas vezes são divertidos, criativos e interessantes
- A experiência de clicar e passear por sites pessoais lembra a sensação da web do fim dos anos 1990 e do início dos anos 2000
- A web moderna ficou tecnicamente mais segura e mais fácil de usar, mas a pequena web independente continua sendo um espaço que vale a pena explorar por conta própria
A diversão dos sites feitos à mão
- O redesign do site começou como uma homenagem à web criativa dos anos 1990, e foi influenciado não só por GIFs animados e livros de visitas, mas também pela forma como os primeiros sites eram construídos
- O novo site foi feito com plain HTML e CSS, sem CMS, gerador, template, tema ou plugin
- Antes, era usado um gerador de site estático, mas surgiram problemas com atualização de dependências e compatibilidade de plugins em uma configuração de node.js com 3 anos de idade
- Depois disso, todas as páginas passaram a ser escritas à mão, os links conectados manualmente e até o feed RSS passou a ser escrito manualmente
- Em um site pequeno, com cerca de 10 páginas, codificar tudo à mão traz vantagens práticas
- Quase não há dependências
- É fácil de manter
- É relativamente fácil de preservar no futuro
- É fácil de migrar
- O próprio trabalho é muito divertido
- Essa abordagem pode não servir para sites maiores, mas em sites pessoais pequenos ela faz a criação para a web voltar a parecer uma brincadeira
A web inicial: um espaço para criar, publicar e explorar
- A web foi criada em 1991 por Tim Berners-Lee e, ao ser liberada em domínio público em 1993, passou a poder ser usada e construída gratuitamente por qualquer pessoa
- A web inicial era mais próxima de usuários técnicos, como Gopher, FTP e Usenet, mas em 1993 o navegador gráfico gratuito Mosaic abriu esse mundo também para usuários comuns de computador
- Depois disso, Netscape Navigator e Internet Explorer se popularizaram, levando a web a mais usuários
- Diferentemente das mídias existentes, a web era um espaço em que qualquer pessoa podia falar e participar
- A Netscape chegou a incluir um editor que permitia aos usuários criar páginas web visualmente, como em um processador de texto
- Para publicar uma página na web de verdade era preciso hospedagem, e hosts gratuitos como Geocities, Tripod, Fortunecity e Freeservers tiveram papel importante
- Qualquer pessoa podia criar uma conta gratuita e montar um site com seus hobbies e pensamentos
- Surgiram sites sobre praticamente todo tema imaginável: música, filosofia, projetos artísticos, arte ASCII, doces, vida pessoal e muito mais
- O ponto central desses sites era que não eram feitos por empresas nem por profissionais, mas por pessoas que queriam compartilhar seus próprios interesses
A cultura da exploração e dos links
- A web inicial não era tanto um lugar para pesquisar uma informação específica e sair em seguida, como hoje, mas um lugar de exploração, para entrar, passear e descobrir coisas
- Palavras usadas na época para descrever a web, como navigation, exploration, browsing e surfing, carregavam a sensação de movimento e viagem
- O logo do Netscape Navigator usava a roda de leme de um navio, e o do Internet Explorer transmitia a imagem de circular pelo mundo
- O Geocities dividia os sites em categorias chamadas neighborhoods
- Area51 era ficção científica
- Heartland era família e animais de estimação
- RainForest era meio ambiente
- Vienna era música clássica
- CapeCanaveral era ciência e matemática
- A palavra “webmaster” também era comum
- A ideia era de uma pessoa criando um espaço na web, recebendo visitantes, guiando-os pelas áreas do site e convidando-os a deixar mensagens no livro de visitas
- Buscar sites não dependia só de pesquisa
- As pessoas navegavam por diretórios e portais, como os bairros do Geocities
- O projeto de diretório aberto DMOZ era um projeto em que editores voluntários montavam um diretório da web
- Novos sites eram descobertos seguindo a página de “links” e os hiperlinks de cada site
- Webrings eram estruturas circulares em que sites sobre o mesmo tema eram ligados por botões de “next” e “previous”
Os gatekeepers da web moderna
- Hoje, boa parte do tempo passado na web acontece em plataformas dominantes como Facebook e LinkedIn, ou é mediado por elas
- As plataformas operam em torno de engajamento do usuário — curtidas, comentários, cliques e compartilhamentos — e os algoritmos tendem a dar mais visibilidade ao conteúdo que gera esse tipo de comportamento
- Em vez de explorar a web, o usuário recebe um fluxo de conteúdo que o sistema julga que ele já gosta ou ao qual provavelmente reagirá
- Mesmo quando busca informação ativamente, o ponto de entrada de muitos usuários é o Google
- Cerca de 87% dos usuários da web usam o Google como ponto de entrada para buscas
- Menos de 1% dos usuários clica na segunda página dos resultados
- Muitos dos sites que aparecem na primeira página são otimizados para o algoritmo do Google
- Sites de profissionais e de marketing, voltados a palavras-chave e públicos específicos, ocupam os espaços de alcance orgânico
- A pequena web amadora fica escondida atrás de SEO e de design centrado em palavras-chave
- O Google não é apenas um gatekeeper de fato das buscas, mas também uma grande plataforma de venda de anúncios
- Em 2019, ficou com 31,1% dos gastos globais com publicidade, o equivalente a 103,73 bilhões de dólares
- Ferramentas amplamente usadas em sites importantes, como o Google Analytics, também ampliam a influência do Google na web
A web comercial como canal de marketing
- Desde o início, a web teve espaço para comércio e marketing
- A Amazon vendia livros online em 1995
- O eBay começou em 1997
- Até o fim de 1997, a Dell já havia vendido mais de 1 milhão de dólares em equipamentos
- A web comercial inicial cresceu ao lado da web pessoal e amadora, mas hoje a maior parte da web tem caráter comercial
- Empresas e profissionais de marketing veem a web como uma oportunidade de vender mais e segmentar usuários
- Analisam o que os usuários fazem na web, o que dizem, o que pesquisam e no que clicam
- Também surgiram formatos de anúncio que se parecem com artigos comuns, como “native advertising” e “sponsored content”
- Empresas como Quantcast oferecem aos profissionais de marketing dados sobre comportamento e perfis psicológicos de usuários da web, ajudando em rastreamento e influência
- As prioridades da web comercial são moldadas por engajamento, conversão e retenção
- É possível gerar dinamicamente centenas de páginas em torno de termos de busca comuns
- É possível seguir o usuário por vários sites e analisar suas interações
- Em 2019, empresas gastaram mais de 300 bilhões de euros em publicidade digital online, e muito desse dinheiro foi para plataformas e gatekeepers como Google e Facebook
- Como resultado, os usuários passam a maior parte do tempo na web comercial visível, enquanto a longa cauda de pequenos sites amadores fica escondida no ruído
Sites centrados em produto e a web como espaço de criação
- O design comercial moderno para a web é polido, convencional e otimizado para eficiência, fazendo com que muitos sites pareçam e funcionem de forma parecida
- Hoje se enfatizam mais as regras para criar sites que geram resultado do que o ato de uma pessoa comum criar um site sobre seus interesses
- Não usar cores demais
- Escrever títulos curtos e chamativos
- Não fazer conteúdo longo demais
- Otimizar para SEO
- Ter um call to action claro
- Empurrar a newsletter
- Colocar as informações importantes acima da dobra
- Seguir convenções
- Sites modernos são projetados para induzir comportamentos do usuário voltados a objetivos como comprar, clicar, compartilhar ou se cadastrar
- Mas um site não precisa necessariamente ser um produto
- Um site pode ser arte
- A web também é um espaço criativo e cultural que não precisa ficar preso ao design comercial de produto e às convenções de marketing
- A pequena web pode priorizar a visão criativa e as regras do criador acima de “resultados”
- Se a web comercial é industrial, a pequena web pode ser vista como artesanal
- Não se trata de uma ser melhor que a outra, mas de atenderem necessidades diferentes e poderem coexistir dentro de uma web aberta
Exemplos da pequena web do passado
- Há arquivos importantes que permitem observar a pequena web do passado
- Internet Archive: permite ver sites antigos por meio de 439 bilhões de páginas web armazenadas desde meados dos anos 1990
- Restorativland: galeria visual restaurada de sites do Geocities organizados por bairro
- A Laurel & Hardy Fansite
- Fansite de Stan Laurel e Oliver Norville Hardy criado em 1998
- Reúne mais de 100 fotos, arquivos de som, filmografia completa, letras e informações sobre personagens coadjuvantes
- O motivo para criar o site era: “why not!!”
- Fractal Explorer
- Site explicativo sobre fractais criado por Fabio Cesari, estudante de engenharia da computação da Universidade de Bologna
- Apresenta de forma simples como são gerados o conjunto de Mandelbrot e o conjunto de Julia, com galeria de imagens e tour passo a passo
- The National Coca-Cola Bottle Clearing House
- Site que organiza garrafas comemorativas de Coca-Cola desde os anos 1970
- Inclui itens como a garrafa de 8oz da Dominos Pizza International Expo de 1991 e a garrafa de 10oz do English Royal Wedding de 1982
- NetHistory
- Site com uma história não oficial da BITNET e da internet
- Traz arquivos de publicações iniciais de rede, como VM/COM, NetMonth, FSFNet, DargonZine, Nutworks e The Gilding Byte, além de percepções pessoais de pessoas da época
- joan stark's ASCII Art Gallery
- Site que apresenta a arte ASCII como gráfico de baixa largura de banda e como forma de arte feita à mão
- Inclui tratamento de cores em HTML, animações em JavaScript e obras puramente em texto
A pequena web continua viva hoje
- A pequena web não é apenas um artefato do passado; ela continua existindo no presente
- Há projetos que contribuem para explorar e manter viva a pequena web
- Wiby.me: motor de busca para encontrar páginas web interessantes e úteis no estilo antigo, com botão “surprise me” para resultados aleatórios
- Neocities.org: host web moderno em que qualquer pessoa pode criar um site básico gratuitamente e seguir outros webmasters
- Curlie: diretório web editado por humanos, construído e mantido por uma comunidade de editores voluntários
- Ottaviana's Kitchen
- Site familiar de receitas italianas que existe desde 1996
- Compartilha receitas passadas de geração em geração, incluindo molhos, sopas, risotos, biscoitos e sobremesas
- Europäische Schmetterlinge
- Site sobre borboletas europeias criado por Mario Maier em 1998 e mantido até 2005
- Organiza borboletas europeias por gênero e espécie, com descrição, época de voo, plantas preferidas pelas larvas e fotos
- Marseillaise.org
- Site sobre o hino francês La Marseillaise, existente em várias formas desde 1996
- Oferece transcrição da partitura, clipes de áudio em vários formatos e tradução para o inglês
- The Webtender
- Site de receitas de bebidas ativo desde 1995
- Oferece mais de 6.000 receitas, manual de copos, ferramentas, medidas e ingredientes de bar, além de fórum, wiki e busca por ingredientes disponíveis
- Cerca de 1.500 bebidas foram adicionadas pelo operador do site, e o restante foi contribuído por visitantes
- Distant Skies - A Crystalis Fansite
- Fansite de Crystalis, RPG de ação para NES
- Segue o estilo visual do jogo e oferece informações sobre história, personagens, mundo, magias e itens
Criando seu próprio cantinho na web
- Tão importante quanto explorar a pequena web é participar dela diretamente, criando seu próprio site
- Em vez de depender de redes sociais mediadas por plataformas fechadas ou empresas de publicidade, você pode publicar em seu pequeno espaço na web desenhos, pensamentos, resenhas, dicas de escrita, receitas ou listas de endereços de uma cidade para viajantes
- O necessário é apenas HTML e CSS básicos, além de hospedagem gratuita
- Neocities.org é um host gratuito no estilo Geocities, sem anúncios, que busca devolver às pessoas o controle da autoexpressão online e tornar a web divertida de novo
- Também há materiais para quem está começando a aprender desenvolvimento web
- Os tutoriais basic HTML e basic CSS do HTMLDog
- O curso gratuito para iniciantes Making Webpages da Khan Academy
- Você pode usar templates ou temas, mas é uma experiência diferente de criar uma página HTML do zero e publicá-la na web
- Ver o código-fonte de sites públicos pode servir como material de aprendizado
- Sites simples são mais fáceis de estudar do que sites modernos complexos e inchados
- O código deste site é feito em HTML e CSS básicos e foi publicado em domínio público, podendo ser copiado e modificado
1 comentários
Comentários no Hacker News
Estou mantendo o Kagi Small Web como um projeto que contribui para a small web: https://kagi.com/smallweb
A lista de sites e blogs é open source, cresce de forma constante em cerca de 10 por dia e agora já está perto de 15.000
Os posts mais recentes de todos os sites incluídos no Kagi Small Web são indexados e recebem prioridade nos resultados do Kagi Search
Como funciona: https://blog.kagi.com/small-web
Acabamos de chegar ao 1.000º commit
Parece haver uma área rolável dentro de outra área rolável, e a área de rolagem mais externa só se move alguns pixels
O design da página não é bom
Depois de contornar o erro de certificado, recebi um erro 404
Meu site caidinho se encaixa nos critérios, mas todos os outros sites pequenos que conheço já estão na lista
Meu site que contribui para a small web é http://t3x.org
Uma das melhores experiências que tive recentemente na internet foi ler e escrever no bearblog.dev. Vale a pena conferir o feed discover, e o clima por lá é saudável
Na mesma linha, https://ooh.directory também merece uma olhada
Ex.: https://search.marginalia.nu/explore/random
https://search.marginalia.nu/site/t3x.org?view=info
Por exemplo, se você buscar a frase exata “Scaling a Digital Panel Voltmeter” sem aspas, nem Google nem Bing encontram; com aspas, só o Bing encontra: https://zzncx.top/posts/scaling-a-digital-panel-voltmeter/
Blogs pessoais com informação de verdade agora ficaram quase impossíveis de encontrar
É algo na linha de “qual é o sentido de blogar se você não pode rastrear usuários e coletar endereços de e-mail?”
https://www.reddit.com/r/Blogging/comments/i8fmuc/%CA%95%E1%B4%A5%CA%94_bear_the_most_minimal_blogging_platform_ever/
Na mesma proposta, existe um site focado em sair das plataformas centralizadas: https://landchad.net/
Do ponto de vista da privacidade, também parece bom dar aos doadores a opção de usar um endereço de Silent Payment em vez de um endereço BTC exposto
Pelo fato de também haver um endereço Monero, parece que eles se importam com privacidade
A web dos anos 90 era muito mais divertida
A maior mudança desde então provavelmente foi a relação sinal-ruído
Parece que a internet precisa de um grande diretório de sites independentes. Assim daria para realmente navegar e descobrir coisas por aí
Os grandes buscadores modernos tornam quase impossível encontrar esse tipo de site, a menos que você use motores de busca alternativos como wiby.me ou search.marginalia.nu, então parece quase intencional que eles os escondam
Pendeu demais para o lado dos jardins murados com montes de conteúdo empilhado, em vez de um grafo de links curados individualmente
Em vez de buscar ou ver o conteúdo promovido dentro desse monte, sinto falta de realmente “surfar” por um espaço de conteúdo maior ou explorá-lo como nos webrings ou no StumbleUpon
Meu blog literalmente tem SEO zero, então nunca pode ser encontrado, mas o blog de um amigo, mesmo sem publicar com frequência, investe muito esforço em SEO e por isso aparece com facilidade
A meta de SEO estragou os blogs pequenos
Se você sente falta do StumbleUpon, existe um serviço parecido: https://cloudhiker.net
Meu projeto que contribui para a small web é a plataforma leve de blogging lmno.lol: https://lmno.lol
Meu blog está em https://lmno.lol/alvaro
Dá para arrastar e soltar um blog inteiro a partir de um único arquivo Markdown: https://indieweb.social/@xenodium/112265481282475542
Você pode ler blogs de qualquer lugar, inclusive pelo terminal, e não precisa de JavaScript
Também não é necessário cadastro nem login para testar. Ainda não foi lançado oficialmente, mas se você quiser começar a blogar agora posso compartilhar um código de convite
A small web combina com clientes pequenos. Não entendo por que usar um cliente da “big web” para ler a small web
Os clientes da “big web” são mantidos por anúncios ou pelo dinheiro de empresas de publicidade
Só para constar, venho usando clientes de texto puro há 30 anos
Minha lista de links compartilhados está aqui: https://www.heyhomepage.com/?module=timeline&view=sharedlist
Basicamente é o conjunto completo de sites e feeds que acompanho todos os dias com o leitor de RSS embutido do Hey Homepage
Você pode navegar pela lista e clicar, ou baixá-la como arquivo OPML
RSS = Really Social Sites, OPML = Other People's Meaningful Links