It is a common practice for front-end developers to put the website title or logo in H1 tag and the title in H2. But most of the time the title of the page/article is more important because it carries the content value. So my question is what is the best approach from semantic and SEO viewpoint. Examples:  logo - H1, title - H1  logo - H1, title - H2  logo - H2, title - H1  logo - other tag, title - H1Provided other variants if you think they will have bigger effect.
H1 vs H2 vs Other for website title/logo and SEO
seo;heading
I usually don't put the logo or site title in an H1. The way I like to look at it is that each page is a document. That document is about a particular subject, as reflected in the page title and also the main heading. The website itself is just the publisher of the document. So, semantically, it's incorrect to use the site logo or name as the main heading of each page. Logos are displayed prominently to remind the user where they are and for branding purposes, but they're not actually part of the content or document.I mean, when you watch a news story you might see a little news channel logo in the corner, but the news story isn't going to be titled CNN or BBC News. The headline will be about the story, not the network publishing the story. Likewise, when you read a magazine, only the article title is used in the heading, not the name of the publication.It's also semantically incorrect to use an H1 tag for the logo/site name and one for the document title. Headings define the hierarchical structure of the content on the page; using one for the site name and another for the document title is like saying, this page has 2 main sections: mydomain.com and contact us.