Is HTML5 and content above the header the right solution?

C

cloud-habr2014-06-23 19:25:01

Search Engine Optimization

cloud-habr, 2014-06-23 19:25:01

in all the intricacies of html5 , in which I probably already managed to get confused and "make firewood", not really knowing the specifics of the work of search spiders, I want to ask you seo - gurus, is it possible to fix something?
there is a self-written cms on which a template is implemented where "the content is above the header" is it worth changing the template to a normal one if you use html: 5 ?
Template CODE:

<!DOCTYPE HTML>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title><!--{title}--></title>
<meta name="description" content="<!--{meta_d}-->">
<meta name="keywords" content="<!--{meta_k}-->">
<meta name="robots" content="<!--{meta_dop}-->">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<meta name="author" content="simofon">
<meta name='yandex-verification' content='' >
<meta name="google-site-verification" content="">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta property="fb:app_id" content="" >
<meta property="og:type" content="website">
<meta property="og:url" content="http://site.com/<!--{uid}-->">
<meta property="og:title" content="<!--{title}-->">
<meta property="og:description" content="<!--{meta_d}-->">
<meta property="og:image" content="<!--{image}-->">
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml">
<!--[if lt IE 9]>
  <link rel="stylesheet" type="text/css" href="/css/ie8-and-down.css" />
  <script>
      document.createElement('header');
      document.createElement('nav');
      document.createElement('section');
      document.createElement('article');
      document.createElement('aside');
      document.createElement('footer');
   </script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<!--content-->
  <section id="content">
    <!--{content}-->
  </section>
<!--/content-->
<!--header-->
  <header id="header">
    <div class="note">
      <!--{textnote}-->
    </div>
  <div class="header">
<!--{header}-->
</div>
<nav >
  <div class="main">
<ul id="cat">
  <!--{menu}-->
</ul>
  </div>
</nav>
</header>
<!--/header-->
<!--sidebar-->
<aside id="sidebar">
  <!--{feeds}-->
<div class="sidebar"></div>
<!--{currency}-->
<div class="sidebar"></div>
<noindex>
<!--{calendar}-->
</noindex>
  <div class="sidebar"></div>
<!--{baner}-->
  <div class="sidebar"></div>
</aside>
<!--/sidebar-->
<!--{ad}-->
<div class = "block"><!--{textbottom}--></div>
<div class="none"></div>
<!--footer-->
<footer id="footer">
  <!--{footer}-->
</footer>
<!--/footer-->
</div>
<script >
скрипт
</script>
</body>
</html>

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

Y

Yuri Lobanov, 2014-06-23
@iiil

Why did you make everything absolute? Was there no other option?
How can I see all the offers on the right on the small screen? which are in the block with fixed?
That is, you have problems with layout, a very strange choice. As for the header, this is of course a violation of semantics, but in general, I personally do not see anything wrong. The footer block can also contain a header. Header according to the specification is the title of not only the entire page, but also part of the page, some block.

G

goodknight, 2014-06-23
@goodknight

According to the HTML5 specification , content must be placed between <style> tags.
As a last resort, it is allowed to put content between <script> tags.
Your code is not valid for the current doctype.