It is know as a fact that is the best way to add the title of a page at the top to crawlers to read him first. And is known as a fact that is ok the headings ( h1,h2,h3) to be consecutive, I mean H2 after H1, H3 after H2 But I have a question, If the title of the homepage ruins the design and I add at the bottom the title (in design I mean), but I add the title in the source code to the top, is ok? The title is added in the class <section class="home-bottom cf"> to be shown at the bottom, but in the source code is on top. is ok? So what is the best practice?
If it looks appealing and OK for reading ( and for your readers ) then it will be OK. Best practice is visually it should be like a Book format means main H1 on top the H2 and then sub headers like H3 etc.
It is not "ok" to be sequential. It MUST be sequential in order for the header tags to work. H1 always goes first by definition. It's like an outline. You can't jump to 3 without 2 being there. It is NOT meant to be used for formatting like classes. You can put a class wherever you want. Header tags are supposed to be limited to headings on your pages. They will have formatting in css. Classes can apply to blocks of data. Hope that explains things.
You mean header tag. Title means differently in HTML language. My suggestion is to add them in a natural way no matter in terms of design or copywriting. SEO is good but it cannot be overdone. My suggestion is to think of how users view your site when they first visit. if it sounds too awkward, then it is a bad SEO practice. Hopes that help.
SEO can be overdone, especially when webmasters start thinking about SEO and not stepping back to look at their site as a whole. Most of the time, a technically well done site is already SEF.