Comments (21)
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.
Aproveitando, ficou bem legal o esquema do schema. o/
Parabéns.
from odin.
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.
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.
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.
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.
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.
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.
@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.
Verdade xD
Certeza que essa vai ser a resposta do Gustavo...
Bom vamos implementar o mesmo então.
from odin.
ufa... haha
from odin.
Feito o/
from odin.
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.
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.
P.S.: Quem é Gustavo? :P
from odin.
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.
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.
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.
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.
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.
@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)
- Tema + Odin HOT 2
- Arquivo Para CSS Customizado - get_option() não funciona. HOT 2
- Multiplos Backgrounds no personalizar
- docker-compose com odin
- Preencher opções de custom field select com termos de uma taxonomy HOT 4
- Um tema feito com framework Odin HOT 4
- Populando Select com dados do bd HOT 1
- Duvida de iniciante - custom post type e metabox HOT 3
- Adicionando CSS? HOT 3
- Portal de Notícias HOT 5
- Repositório de imagens e informações HOT 2
- A documentação está desatualizada? HOT 1
- Odin e o bloco de editor HOT 3
- Tema bloqueando CSS e JS de plugins HOT 3
- Problemas com icones de redes sociais.
- Select não esta salvando a opção HOT 8
- Odin foi descontinuado?? HOT 1
- Meta boxes - API Rest Wordpress HOT 1
- Recuperar itens de um Custom Post Type pós alteração de slug HOT 1
- Como usar correntamente campos metaboxe, select do banco
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
duplicadas
from odin.