Uma abordagem alternativa para Gutenberg • Yoast

Joost de Valk

Joost de Valk é o fundador e Chief Product Officer da Yoast. Ele é um comerciante digital, desenvolvedor e um fanático Open Source.

Avatar de Joost de Valk

Há muita discussão no mundo do WordPress agora sobre uma nova experiência de edição que está no making. Chama-se Gutenberg. Enquanto parte dessa discussão é técnica, todo usuário que usa o WordPress regularmente deve estar ciente do que está por vir. No Yoast, estamos bastante animados com o conceito de Gutenberg. Achamos que poderia ser uma grande melhoria. Ao mesmo tempo, temos as nossas preocupações com a velocidade em que o projecto está a ser empurrado para frente. E, não estamos animados com todas as mudanças.

Neste post, primeiro tentarei explicar o que é Gutenberg. Conseqüentemente, contarei sobre as coisas que são problemáticas para nós. Por fim, direi e mostrarei o que achamos que deve ser feito sobre os problemas.

Update: I ’ve escrito outro post mostrando alguns conceitos para integrar Yoast SEO com Gutenberg   “

O que é Gutenberg?

Gutenberg é uma nova abordagem de como editamos posts em WordPress. É basicamente um novo editor. Ela tenta remover muito o fluff que construímos ao longo dos anos. A intenção é tornar a nova experiência mais leve e moderna. O objetivo final é tornar o WordPress mais fácil de usar. Isso é algo que realmente apreciamos no Yoast.

Gutenberg introduz o conceito de “blocks”. O novo editor será um editor-editor: parágrafos, títulos, imagens e emcamas de vídeo do YouTube serão todos blocos. Blocos facilitará o aprendizado de como trabalhar com o WordPress. As pessoas que começam com o WordPress, só têm que aprender o conceito de blocos, em vez de 3 ou 4 conceitos diferentes. Quando tornamos o WordPress mais fácil de usar, tornamo-lo mais acessível a um grupo maior de pessoas. Tornar mais fácil a edição foi o objetivo desde o início, já que Matt Mullenweg é citado na página Gutenberg Github:

O editor vai esforçar-se para criar uma nova página e postar experiência de construção que torna a escrita de posts ricos sem esforço, e tem “blocos” para tornar fácil o que hoje pode levar shortcodes, custom HTML ou “carne misteriosa” embutida descoberta. -Matt Mullenweg

Assim como introduzindo blocos, Gutenberg também introduz um novo olhar e sensação para o editor. Para mim, o olhar e a sensação é principalmente uma cópia do editor do Medium, um editor que obteve muitos elogios em certos círculos online. Gutenberg aparece um pouco mais moderno, mais contemporâneo.

Nova tecnologia em Gutenberg

Além de introduzir um novo olhar e sensação e o conceito de blocos de edição, Gutenberg também introduz uma tecnologia inteiramente nova para o WordPress. Gutenberg usará um monte de JavaScript, particularmente React. Embora essa mudança em si não seja interessante para o usuário médio, ela impacta como o WordPress é construído.

Aqui no Yoast, estamos preocupados com o uso de nova tecnologia combinada com a introdução de grandes conceitos novos. Isso é obrigado a fazer para uma experiência rochosa. Nós sabemos pela nossa própria experiência lançando Yoast SEO 3,0 (preferimos não falar mais sobre isso). Mesmo quando os lançamentos são muito bem preparados, muita coisa pode dar errado e você estará ocupado consertando-o por um longo tempo. Nos sentimos preocupados com a combinação de nova tecnologia, funcionalidade completamente renovada, e o plano de tempo extremamente ambicioso.

Plugins em Gutenberg

O conceito de blocos traz algumas ferramentas novas muito poderosas para os autores do plugin. No Yoast, temos muitas ideias sobre como fazer nossa análise de conteúdo melhor, mais rápida e mais fácil com o editor de Gutenberg. No entanto, Gutenberg não tem atualmente as necessidades técnicas em vigor para permitir que construamos realmente essa integração. Yoast SEO não pode se integrar com o novo editor (ainda). É claro que estamos ativamente envolvidos nas discussões técnicas em torno disso. Atualmente estamos discutindo intensamente como viabilá-lo para que plugins se integrem.

Fato continua sendo que, se você testar Gutenberg agora mesmo, verá que Yoast SEO não está na página, em qualquer lugar. Tampouco, para essa matéria, são todos os outros plugins que você pode usar como Advanced Custom Fields ou CMB2. Todos esses plugins usam as chamadas meta boxes, as caixas abaixo e para o lado do editor atual.

O fato de que a equipe de Gutenberg está considerando trocar de caixa de meta é, aos nossos olhos, um grande erro. Isso significaria que muitos, muitos plugins não funcionariam mais o minuto em que Gutenberg sai. Muitas e muitas integrações construídas customizadas parariam de funcionar. Centenas de milhares de horas de tempo de desenvolvimento teriam de ser, pelo menos parcialmente, redone. Tudo isso enquanto, para a maioria dos sites, o editor atual funciona apenas bem.

Problemas de acessibilidade

A versão atual de Gutenberg tem grandes problemas de acessibilidade tanto em sua saída frontend quanto no editor de backend. Isso varia de estilos inline na saída para muitas outras coisas.

Nós nos sentimos muito fortemente sobre acessibilidade. Não sem razões. A lei em muitos países europeus exige que as instituições governamentais tenham sites devidamente acessíveis. Se Gutenberg quebrar sua acessibilidade, eles terão que desativá-lo, ou enfrentar processos. A equipe de Gutenberg precisa perceber que os requisitos de acessibilidade são simplesmente isso: requisitos.

Para concluir: estamos muito entusiasmados com a ideia de blocos, mas que têm fortes preocupações sobre algumas das escolhas técnicas e a velocidade do processo de implementação. Também estamos preocupados com a falta de prioridade dada às questões de acessibilidade no projeto. Mas o mais importante, estamos muito preocupados com o fato de que plugins não são capazes de se integrar com o novo editor.

Quando o Gutenberg vem?

Em um post recente sobre a biblioteca JavaScript de escolha para o ecossistema do WordPress, o projeto do projeto do WordPress, Matt Mullenweg disse:

Vai provavelmente atrasar Gutenberg pelo menos algumas semanas, e pode empurrar o release para o próximo ano.

No Yoast, ficamos bastante chocados com estas palavras. Em sua forma atual, Gutenberg não está pronto -ao todo-para uso mainstream. Na verdade, não vemos como estar pronto para ser lançado em qualquer lugar no primeiro semestre de 2018. Em nossa visão, pronto para ser liberado também significa que a comunidade teve amplo tempo para fixar todas as suas integrações. Neste ponto do tempo, não é possível que plugins se integretam a Gutenberg. Como na terra os autores devem ser capazes de construir suas integrações dentro de alguns meses? Isso não é possível. Pelo menos não sem quebrar as coisas.

Então o que deve ser feito?

Pensamos que tomar as três etapas seguintes traria Gutenberg muito mais perto de liberar:

  • Primeiro de tudo, devemos manter a ideia dos blocos, já que é uma boa. E então devemos começar a iterar, lentamente. Se você quer que o admin consiga uma “makeover” moderna para 5,0: isso é factível. Nós não precisamos mudar como as caixas de meta são renderizado para que isso aconteça.
  • There’s também não precisam mover a barra de ferramentas (com botões negritos, itálicos etc) longe de onde está (isso foi discutido antes). Medium faz isso, mas isso doesn ’t significa it ’ s uma coisa boa e significa mais re-treinamento do que o team building Gutenberg parece perceber.
  • Devemos nos concentrar em garantir que tanto o editor de backend   e a saída frontend de Gutenberg atendam os requisitos básicos de acessibilidade.

Once we ’ve decidido sobre o acima, devemos começar a educar plugin & theme developers sobre o que será e o que will   not work in the new environment.

Qual deve ser este look like?

We’ve fez alguns mockups do que achamos que este poderia parecer (clique para maiores versões):

Nível de documento Nível do bloco

Gutenberg mockup livre modo livre

Modo livre de distração  

Observe que desativamos a cor de fundo e controles de cores de texto no nível de bloco mockup. Estes devem ser desligados por padrão em nossa opinião, e possivelmente apenas permitem um subconjunto de cores, escolhido pelo autor do tema, quando ativado.

I ’d love para discutir com você, nos comentários aqui, no Github, no Slack: em todos os lugares!

Obtenha dicas de SEO grátis direto para sua caixa de entrada!

  • Obtenha dicas semanais sobre como otimizar o SEO, usabilidade e conversão do seu website
  • Obtenha nossos cursos livres imediatamente para aprender a fazer o seu site classificar mais alto.

Fonte: yoast.com/gutenberg-alternative-approach