Сьогодні, анітрохи не претендуючи на істину в останній інстанції, хочу поділитися з вами своїм баченням того, яким повинен бути правильний шаблон для інформаційного сайту. В принципі, багато речей підійдуть і для впровадження на комерційних ресурсах, але все ж основний упор я роблю саме на блогові шаблони.

Отже, відразу списочок для розуміння того, про що піде мова, а далі розберемо все більш-менш докладно.

Яким повинен бути правильний шаблон?

Відсутність циклічних посилань

Чому це погано? Ну по-перше, це не дуже зручно звичайним користувачам ... Людина може заплутатися, кликати на лого, перебуваючи на головній - а нічого не відбувається, він плюне і піде. Але це б півбіди, бо таких невдалих відвідувачів одиниці - все ж грамотні стали 🙂 А ось те, що ми змушуємо кружляти пошукових роботів, підсовуючи їм такі посилання - це вже дійсно неприємно.

Оскільки, з мого досвіду, саме посилання з логотипу і меню є генераторами таких циклічних посилань, то я покажу вам рішення саме для цих випадків. Але в коді поколупатися доведеться.

Прибираємо посилання з логотипу на головній

У першому рядку перевіряємо, на головній чи ми. Якщо так, то в другій виводимо картинку логотипу без посилання.

У третьому рядку продовження умови «інакше», і в четвертій код лого з посиланням на головну.

Цікаві запитають: а навіщо посиланням на головну «nofollow». Розповім))

Справа в тому, якого не просуваю головну, тому і вважаю за краще не передавати їй вагу зі внутрішніх сторінок. Про вагу дискусії давайте не розводити, я знаю про різних теоріях, але на своїх проектах роблю так. Вас не змушую.

Прибираємо циклічні посилання з пунктів меню

Для цього досить додати в файл functions.php ось такий код:

Щоб виправити цю ситуацію, такий пункт меню обертається в span, а вже його можна стилізувати так, як і було до цього.

дублюються посилання

дублюючийся контент

Так ми вже підвищуємо унікальність цих сторінок. А ось далі у вас є два шляхи: або для кожного запису писати окремий опис, яке піде в анонс. Для цього потрібно заповнити поле «Цитата», яке розташоване на сторінці редагування записи.

До речі, якщо його не видно, просто зайдіть сюди:

і поставте галочку.

Другий шлях для ледачих: унікального контенту ви не додасте, але хоч дублі закриєте.

За виведення тексту анонсу у мене відповідає функція

Ось її-то я і навколишнього, зауважте, валідними тегами noindex. Після чого цей текст не буде потрапляти в індекс, сторінки стануть поунікальнее))

Ієрархія тегів заголовків

Що я маю на увазі?

Необхідно перевірити, що на кожній сторінці вашого сайту присутній тільки один тег

, причому він розташований вище інших тегів заголовків. Ну і далі вони йдуть у порядку спадання.

Крім того, важливо, щоб в службових елементах шаблону не було виділення цими тегами. Тому потрібно прибрати їх з заголовків віджетів - розробники шаблонів дуже люблять робити їх в

. Зробити це можна, підкоригувавши файл функцій. Я покажу свій код, а ви вже там орієнтуйтеся по ньому:

За оформлення заголовків віджетів відповідають параметри «before_title» і «after_title».

Якщо бачите там

або

- потрібно замінити на діви. Стилі, звичайно, злетять, їх теж треба буде виправити.

він замінює

на тег параграфа, стилі теж потрібно змінити.

Заголовки - це не посилання

Дійсний код

Скажу відразу - ви швидше посивіє, ніж досягнете повної і абсолютної валідності на сайті. Тому що на неї впливає не тільки шаблон, але і встановлені плагіни, та й сам контент теж. Тому нуль помилок / нуль попереджень - це, звичайно, дуже круто. Але не варто витрачати години і дні, щоб прибрати останні дві або три помилки.

А ось якщо у вас їх сотні, то варто задуматися.

Маленька підказка: ставте при перевірці валідатор в режим html5 - помилок у вас буде на порядок менше, тому що багато речей в специфікації html4 ще не описані, а на наших сайтах використовуються. Можна, до речі, відразу і доктайпів поміняти на html-п'ятий. Але це тільки тим, хто розуміє, про що я.

Ще зверніть увагу, що валідатор дуже лається на мікророзмітки. Коли він стане її повністю підтримувати, ніхто не знає, але все чекають))

адаптивний дизайн

Ну це тема для окремої великої статті ... Як його зробити на сайті своїми руками, я як-небудь покажу. Благо є один сайт, де адаптивність якраз пора зробити, а то Гугл переживає і пише листи))

Навіщо потрібно? Ну звичайно, для зручності мобільних користувачів. Плюс до того, сайти з адаптивним дизайном позначатимуться в мобільній видачі Гугла як зручні для користувачів, відповідно, їх привабливість в очах користувачів зростає.

Я на цьому блозі нарешті повністю допив адаптивність - були там косяки. І ось що маю на сьогодні:

Чи не сто, бо не подобаються Гуглу маленькі елементи Яндекс-Пошуку, які я що ніяк не второпаю, як збільшити. А може, і зовсім приберу з мобільної версії пошук.

Перевірити свій сайт ви можете ось за цим посиланням.

мікророзмітки

В принципі, якщо шаблон зверстаний на HTML5, то все його елементи вже прямо підписані - в п'ятій специфікації є елементи

,