Giter VIP home page Giter VIP logo

Comments (21)

claudiosanches avatar claudiosanches commented on July 30, 2024

Quando quiser fazer sugestão abre um issue antes.
Assim a galera discute sobre e depois altera o código.
Mas tranquilo de ter feito isso xD.
Porque pelo menos estão alterando o código :P

Até onde eu sei não tem problema nenhum em ter duas tags H1 dentro do site.

@tudoparawp me confirma isso?

Tem uma no título do site e depois fica com H1 também dentro da página de post ou página.

from odin.

claudiosanches avatar claudiosanches commented on July 30, 2024

Aproveitando, ficou bem legal o esquema do schema. o/
Parabéns.

from odin.

ruanbarbosa avatar ruanbarbosa commented on July 30, 2024

Então, a tag h1 é utilizada apenas para o título da página.

Você até pode utilizar duas tags h1 e o Google interpretar que uma é o nome do site e a outra é o título da página, mas isso dá mais trabalho para ele, o que não é legal \o/

Um exemplo bem claro é no site da mestreseo, em que a página inicial possui o h1 para o nome do site, mas se você for na página de um artigo eles alteram essa marcação para uma div e deixam apenas o título da página com a tag h1.

Peço desculpas, mas na próxima eu faço a sugestão e depois altero o código :D.

from odin.

ruanbarbosa avatar ruanbarbosa commented on July 30, 2024

Talvez uma sugestão melhor seria fazer uma condicional que para a homepage seja utilizado a tag h1 que estava anteriormente e para as demais páginas essa minha sugestão. Mas veja o que o pessoal acha melhor.

Ah, obrigado do elogio. Depois tento adicionar mais alguns detalhes nesse sentido.

from odin.

claudiosanches avatar claudiosanches commented on July 30, 2024

Então podemos fazer o mesmo xD.
Na homepage H1 é o título do site e dentro das páginas o nome do site vira uma div e o H1 vai para o título da página o/

Não precisa pedir desculpas.
Só falando que pode fazer sugestão sem precisar trabalhar antes xD

from odin.

ruanbarbosa avatar ruanbarbosa commented on July 30, 2024

haha mandamos quase juntos as mensagens :D (ganhei por alguns segundos)

bobeira minha, mas valeu pelos elogios
Estava ausente pq estou me mudando de cidade, mas durante as próximas semanas quero tentar contribuir mais.

from odin.

claudiosanches avatar claudiosanches commented on July 30, 2024

Bom no caso se for fazer isso vamos precisar tirar o

também.
Deixar o Gustavo responder, ai temos uma ideia melhor de como isso funciona pra SEO xD

Mas se for fazer isso de mudar é tranquilo de ser feito xD

from odin.

lucasazevedonet avatar lucasazevedonet commented on July 30, 2024

Em html5 podem existir mais de um h1 na pagina desde q eles fiquem em
articles diferente.
Se o projeto e todo em html5 pode usar, mas eu ainda acho melhor usar
somente 1.. acho melhor para o google.

from odin.

ruanbarbosa avatar ruanbarbosa commented on July 30, 2024

@claudiosmweb, olha o site do @tudoparawp;
Ele utiliza o mesmo esquema.

Página inicial:
h1 id="logotopo" Tudo para WordPress /h1

Página de um artigo:
p id="logotopo" Tudo para WordPress /p

Pode conferir :(

from odin.

claudiosanches avatar claudiosanches commented on July 30, 2024

Verdade xD

Certeza que essa vai ser a resposta do Gustavo...
Bom vamos implementar o mesmo então.

from odin.

ruanbarbosa avatar ruanbarbosa commented on July 30, 2024

ufa... haha

from odin.

claudiosanches avatar claudiosanches commented on July 30, 2024

Feito o/

from odin.

deblynprado avatar deblynprado commented on July 30, 2024

Eu sempre deixo só o título do site como H1 mesmo, o resto é H2 em diante... e sim, como o @lucasazevedonet disse, o HTML5 permite mais de um H1 na página, desde que em article diferente.

from odin.

gugaalves avatar gugaalves commented on July 30, 2024

Na teoria, o ideal é usar uma vez só, mas o modo que o HTML5 foi feito permite o uso de um h1 por seção diferente, então o ideal é meio ambíguo nos dias de hoje..
Vou colar aqui o que eu tinha dito sobre isso num post lá no grupo no Facebook:
"Quando dou aula, sempre uso um jornal como exemplo e faço uma analogia.
Pensa na capa do jornal: a manchete é um h1, um titulo de noticia de menor importancia é um h2.
Toda noticia é uma manchete? Não. Manchete, matéria mais importante, é uma só. Qual, onde? Aí é contigo.
Toda notícia é relevante ao ponto de ser um h2? Não, tem chamadas menores tb..
Isso é diagramação editorial, já se pensava de forma a organizar o conteúdo de forma mais correta desde antes da web surgir"

from odin.

gugaalves avatar gugaalves commented on July 30, 2024

P.S.: Quem é Gustavo? :P

from odin.

AdsonCicilioti avatar AdsonCicilioti commented on July 30, 2024

2 anos se passaram e o Gustavo nada.. xD

Bom então vou ressuscitar o tópico pois o assunto é sério e rola até penalidade dos motores de busca, então vale a pena darmos mais atenção.
Nas Paginas de Arquivos e Categorias, o 1º H1 é título da pagina dentro de uma <section>, depois vem o loop com seus <articles> e seus respectivos H1's.

Não sou expert em SEO, mas por mais que existam formas válidas de se usar multiplos H1's, fico com a via de facilidade e velocidade para os motores de busca entenderem melhor nossas páginas e conteúdos.

Dei uma pesquisada e achei muito válida a definição do Yoast > https://yoast.com/blog-headings-structure/

Tem a questão da palavra chave principal também, se existirem várias vai dar um barulho no algarítimo de indexação dos SE's não acham?

Eu voto por mudar a condicional de títulos do arquivo content.php, deixando h1 se for single e h2 para os loops.

Bom é isso espero, que tenha colaborado. Abraço a todos! ;)

from odin.

AdsonCicilioti avatar AdsonCicilioti commented on July 30, 2024

Vale ainda um adendo - um artigo sobre as formas corretas de utilizar multiplos H1's - http://webdesign.tutsplus.com/articles/the-truth-about-multiple-h1-tags-in-the-html5-era--webdesign-16824

from odin.

deblynprado avatar deblynprado commented on July 30, 2024

O Google não deveria punir a utilização de mais de 1 h1 a não ser que ele de fato esteja sendo utilizado de forma errada.

A especificação do HTML5 permite que tenhamos h1 dentro da Section, por exemplo. Inclusive o validador reclama se você colocar uma section sem algum h dentro

http://www.w3.org/TR/html5/sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements

from odin.

AdsonCicilioti avatar AdsonCicilioti commented on July 30, 2024

Entendi @deblynprado - Mas então, como eu disse não sou expert em SEO, e essa história de punição me deixou grilado em arriscar. Mas no caso das páginas que citei, elas estão estruturadas de forma correta?
Em síntese a estrutura está assim:

<section>
 <h1>Titulo da Pagina</h1>

  // Inicio do Loop

 <article>
  <h1>Titulo do artigo</h1>
  // conteudo
 </article>

 <article>
  <h1>Titulo do artigo</h1>
  // conteudo
 </article>

 <article>
  <h1>Titulo do artigo</h1>
  // conteudo
 </article>

  // Fim do Loop

</section>

from odin.

deblynprado avatar deblynprado commented on July 30, 2024

A estrutura a respeito do h1 está correta sim @AdsonCicilioti, uma outra possibilidade seria utilizar

<article>
 <header>
  <h1>title here</h1>
 </header>
</article>

o que pode ser repensado aí é a utilização da <section> do lado de fora

http://www.w3.org/TR/html5/sections.html#the-article-element

from odin.

claudiosanches avatar claudiosanches commented on July 30, 2024

@AdsonCicilioti você disse que não é especialista em SEO, mas fez varias acusações e especulações.

Não sou expert em SEO, mas por mais que existam formas válidas de se usar multiplos H1's, fico com a via de facilidade e velocidade para os motores de busca entenderem melhor nossas páginas e conteúdos.

Como que isso que você "fica" com a "facilidade e velocidade", principalmente "velocidade"? xD
Como você pode afirmar que algo é mais rápido ou não? Você mesmo falou que não é expert... Ou como você fala de "facilidade" sem saber como acontece?

Alias, antes de começar a especular e acusar sobre algo, é bom ler a documentação oficial, como o @deblynprado esta lhe indicando!

Além do mais que tudo aqui é inspirado nos temas padrões do WordPress, que por sinal são indicados como referencias de SEO!
Sem contar o fato de que os temas padrões do WordPress são revisados pelo mundo inteiro, então se realmente tivesse algo errado, neles não seriam assim e muito menos aqui seria desta forma!

from odin.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.