Оптимизация WordPress. Нагрузка на сервер и как ее снизить. Оптимизация темы (шаблона) WordPress для снижения его нагрузки на сервер хостинга, плагин WP Tuner и число запросов к БД. О принудительной регистрации
Вероятно, Вы уже знаете, что для продвижения сайта в поисковых системах, сайт нужно оптимизировать. В этой статье я расскажу о том, как провести базовую SEO оптимизацию сайта самостоятельно. Важно понимать, что этот пример оптимизации является лишь базовым. Очень часто нужно смотреть сайт детально и проводить индивидуальную оптимизацию сайта, поскольку некоторые вещи зависят от того, как сайт построен. Поехали!
Оптимизация WordPress шаблона
Проведем базовую SEO оптимизацию шаблона для Вашего сайта.
Сделаем все полностью самостоятельно и всего за один день
Основа SEO оптимизации WordPress шаблона заключается в том, чтобы в тегах заголовков H1-h6 не было лишних и мусорных текстов. Обычно такое встречается, когда шаблон приобретается в готовом виде, например в магазине Templateonster. Возможно, дело в том, что разработчики шаблонов не знаком с SEO - это вполне нормальное явление. Поэтому первым делом, нужно оптимизировать теги заголовков.
WordPress сайты работают на основе шаблонов, поэтому в первую очередь необходимо оптимизировать шаблон. Каждая страница сайта должна содержать в себе тег
, который обычно является заголовком страницы. Также рекомендуется присутствие на странице текста в тегах, , , , . Поэтому в шаблонах WordPress и в текстах страниц необходимо использовать эти теги.
Оптимизируем шаблон header.php
, , . Поэтому в шаблонах WordPress и в текстах страниц необходимо использовать эти теги.
Оптимизируем шаблон header.php
. Поэтому в шаблонах WordPress и в текстах страниц необходимо использовать эти теги.
Оптимизируем шаблон header.php
Шаблон header.php обычно содержит в себе название сайта, которое является заголовком главной страницы. Заголовок сайта на главной странице должен быть заключен в теги
, вот так:
Таким образом, на главной странице заголовок сайта будет обрамлен тегами
, а на всех других страницах заголовок будет в виде ссылки на главную страницу.Оптимизируем шаблон index.php
Если на главной странице вашего сайта отображаются последние записи, то названия записей мы рекомендуем заключать в теги
.
" title="" rel="bookmark">
Оптимизируем шаблоны singe.php и page.php
Заголовки одиночных записей и страниц также необходимо заключать в теги
Если в этих шаблонах присутствуют дополнительные блоки с заголовками, например блок с похожими записями, то обычно их заключают в теги
или .
Оптимизируем шаблон sidebar.php
Оптимизируем шаблон sidebar.php
В шаблоне sidebar.php обычно размещаются различные виджеты, которые также имеют заголовки. Вы можете заключить эти заголовки в теги
или или в обычный с нужными стилями.
Оптимизация страниц и записей на WordPress сайте
Все страницы и записи также необходимо оптимизировать на WordPress сайте
. Не будем сейчас затрагивать тему SEO оптимизации текстов. Но мы рекомендуем использовать на страницах сайта структурированные тексты с использованием заголовков
, тегов и . Напомним, что тег должен встречаться на странице только один раз, поэтому в основном контенте страницы его использовать не рекомендуется.
Также для каждой страницы сайта необходимо прописывать мета теги
, <description> и <keywords>. Для этой задачи отлично подходит , с помощью которого вы сможете прописать <title>, <description> и <keywords> для каждой страницы.</p>
<h2>В заключение про оптимизацию сайта перед продвижением</h2>
<p>Мы описали только некоторые основы оптимизации WordPress сайта, на самом деле про оптимизацию сайта можно писать очень много. Еще, при оптимизации и продвижении WordPress сайта постарайтесь избежать</p>
<p>Вы знали, что 40% пользователей покидают сайты с плохим дизайном? Зачем терять прибыль? Выберите и установите прямо сейчас один из <b>44 тысяч премиум шаблонов для сайтов.
</b>Идеальный выбор для вашего бизнеса!</p> <p>Оптимизированные шаблоны WordPress для высокой скорости сайта, один из распространенных и наиболее важных аспектов в WordPress. Никто не любит медленные сайты. Сайт, который загружает медленно и выполняет задачи медленно приводит к плохому пользовательскому опыту. В следующий раз посетители могут быть не готовы посетить ваш сайт снова просто потому, что это занимает слишком много времени.</p><p>На этой неделе мы обновили подборку быстрых шаблонов. Для этого мы протестировали шаблоны Вордпресс – хорошо известные и новинки, – чтобы определить, какой из них самый быстрый при загрузке. Мы исключили WordPress темы, которые не были многофункциональными и протестировали только те, которые имеют наиболее часто используемые функции, такие как содержание с боковой панели, связь с соц. сетями, пользовательские страницы, виджеты, функция поиска, комментарии, сообщения и т.д. Наши тесты проводились главным образом с помощью двух инструментов, доступных в Интернете.</p><p>Page Speed Insights измеряет производительность страницы для мобильных и настольных устройств. Оценка варьируется от 0 до 100 баллов. Высокий балл, оценка 85 или выше означает, что страница работает хорошо.</p><p>Pingdom веб-инструмент простой в использовании, которые рассматривает все части веб-страницы, включая размеры файлов, времени загрузки, HTML, JavaScript, CSS и других файлов, связанных с веб-страницы. Скоринг делается по шкале от 0 до 100 баллов, чем выше, тем лучше.</p><h2><span>Оптимизированные шаблоны WordPress для высокой скорости
</span></h2><p>Итак, на основе лучших оценок, мы сделали список оптимизированных WordPress тем (в случайном порядке).</p><h3><span>KANTER – SEO оптимизированный шаблон WordPress с чистым кодом
</span></h3><p>Этот шаблон, который ориентирован на творческое и бизнес-применение, оптимизирован и с точки зрения SEO, и с точки зрения скорости. Это, в принципе, неудивительно, ведь обычно эти два вида оптимизации тесно друг с другом связаны. На практике это означает, что, создавая сайт на базе такого шаблона, вы с большей уверенностью можете рассчитывать на положительный результат в процессе продвижения. При должном внимании к наполнению контента о вас узнают сотни и тысячи потенциальных клиентов. Скоростной и мобильно оптимизированный сайт, который получится с этим шаблоном, будет продвигать сам гугл, поскольку эти два критерия он считает наиболее важными. Ваш сайт запросто появится на первых строчках поисковой выдачи по тем ключевым запросам, которые вас интересуют!</p><p>Знаете, чем отличаются многие другие оптимизированные шаблоны WordPress от KANTER? Во-первых, не во всех есть несколько готовых вариантов оформления сайта. Во-вторых, не у каждого дизайн выполнен настолько чисто и профессионально, как в этой теме. Сфера применения у нее обширная. Ее могут использовать фрилансеры, фотографы, дизайнеры, веб-разработчики, а также компании и фирмы, работающие в различных сферах. Кроме главной здесь есть страницы «О Нас», «Цены», «Услуги» и «Магазин», страницы портфолио, блога и контактных данных.</p><p>Шаблон KANTER станет одним из лучших вариантов для вашего сайта, который стоить будет достаточно недорого. Это решение вас не подведет!</p><h3><span>Virtua – корпоративные оптимизированные шаблоны WordPress
</span></h3><p>Эта тема подойдет для различных вариантов и сфер применения, в том числе для IT-фирмы и компании, предоставляющей услуги по принципу аутсорса. У нее очень красивое оформление с нацеленностью на уверенное привлечение потенциальных клиентов. Для этого в ней используется достаточно много веб-компонентов с призывом к действию.</p><p>Тема имеет классическое меню, в котором есть главная страница, страницы «О Нас», «Цены», «Услуги», «Контактные данные», «Часто задаваемые вопросы», а также блог. Ниже – классический слайдер со стильной кнопкой для детального ознакомления с деятельностью компании. Для убедительности в шаблоне используется блок с отзывами, которые легко и быстро переключаются с помощью кнопок. Также есть специальный блок для размещения логотипов компаний, с которыми вы сотрудничаете. Еще ниже размещен блок с новостями о компании и теми, которые связаны со сферой вашей деятельности. В футере можно снова кратко разместить информацию о вашей компании, часы работы и кнопки социальных сетей, в том числе Facebook, Twitter, LinkedIn и YouTube.</p><p>Шаблон будет превосходным решением для любой компании, которое точно не подведет вас!</p><h3><span>QHub– высококлассные шаблоны WordPress для офиса или IT-компании
</span></h3><p>Такие оптимизированные шаблоны WordPress, как QHub, обычно оптимизированы во всех аспектах: скорость, SEO-оптимизация и мобильная адаптация. Конкретно этот шаблон отличается ярким и красочным дизайном и продуманной структурой. На <a href="/error-itunes/ne-poluchaetsya-sdelat-yandeks-startovoi-stranicei-kak-sdelat/">главной странице</a> в глаза сразу бросается удобное меню и необычный слайдер, который поможет привлечь внимание посетителей и потенциальных клиентов с первых секунд. Кроме того, в шаблоне предусмотрены клевые блоки для представления услуг, цен на услуги, отзывов от реальных клиентов и галереи фотографий вашей компании. Доступен календарь для бронирования (например, если у вас свой офис под аренду или Coworking-сообщество) или других задач.</p><p>В самом низу сайта красиво размещены контактные данные. Есть контактная форма для быстрой связи. В футере также есть форма для подписки на новостную рассылку и список ближайших событий. Отличная интеграция с социальными сетями за счет иконок социальных сетей со ссылками на профили (Facebook, Twitter, Google Plus, LinkedIn и так далее). Все это поможет вам уверенно достичь новых высот в бизнесе!</p><h3><span>15Zine – оптимизированные шаблоны WordPress для журнала/газеты с высоким рейтингом
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-03.jpg' align="center" width="100%" loading=lazy><br><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-03.jpg' align="center" width="100%" loading=lazy></p><p>Тема полностью отзывчивая и работает с мобильными устройствами, в том числе и с Retina-дисплеями. Светлый и темный вариант дизайна. В мега меню Ajax можно с помощью специальных символов обозначить самые популярные и актуальные записи. Бесконечная прокрутка и загрузка контента.</p><h3><span>Consulting – шустрый бизнес шаблон для финансовой сферы
</span></h3><p><img src='https://i1.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-05.jpg' align="center" width="100%" loading=lazy></p><p>Теперь вам не придется создавать сайт с нуля или заказывать его у веб-дизайнера, ведь эта тема поддерживает 18 демо-макетов для быстрой установки. Различные варианты цветового оформления. Готовые шаблоны страниц для представления услуг. Над футером можно поместить гугл-карту и указать местоположение вашей компании, а в футере указать адрес и контактные данные.</p><p>Шаблон имеет отзывчивый дизайн и обеспечивает шикарное отображение сайта на Retina-экранах.</p><h3><span>BuzzBlog – чистая тема для личного блога для быстрой загрузки
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-01.jpg' align="center" width="100%" loading=lazy><br><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-01.jpg' align="center" width="100%" loading=lazy></p><p>Вдобавок к высокой скорости, в комплект этой темы было включено 60 вариантов домашней страницы, 12 макетов страницы блога, пять макетов шапки, четыре макета записей, а также встроенные галереи с возможностью настройки количества столбцов и лайтбокса.</p><p>В блог можно добавлять записи любого формата. Различные CSS-стили для уникального оформления. Поддержка кнопок социальных сетей и ленты Instagram во всю ширину.</p><h3><span>SmartMag – отзывчивая тема журнала с поддержкой Retina-устройств
</span></h3><p><img src='https://i2.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-02.jpg' align="center" width="100%" loading=lazy></p><p>Кроме журнала шаблон подойдет для сайта СМИ, сайта с отзывами и блога. С помощью drag-and-drop построителя вы без проблем создадите уникальный дизайн своего сайта постранично. Богатые сниппеты и код HTML5 обеспечат высокие позиции сайта в поисковой выдаче.</p><p>Удобная навигация с мега меню и поддержка мобильного меню. Различные варианты оформления страниц журнала. Поддержка плагинов форума bbPress и магазина WooCommerce.</p><h3><span>Jarida – адаптированная универсальная тема для новостного сайта, журнала и блога
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-04.jpg' align="center" width="100%" loading=lazy></p><p>Чистый дизайн, отзывчивый макет, оптимизация под Retina-дисплеи – все это делает тему Jarida лучшим вариантом для вашего сайта. В панели управления можно настроить все от цвета и заднего фона до слайдеров и боковых панелей. 33 виджета, в том числе для счетчика подписчиков во всех социальных сетях.</p><p>Восемь готовых шаблонов страниц. Встроенная система отзывов и поддержка магазина. Оптимизация поискового ранжирования.</p><h3><span>Flare – бизнес и портфолио шаблон с отзывчивым макетом
</span></h3><p><img src='https://i2.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-06.jpg' align="center" width="100%" loading=lazy></p><p>Простая тема с возможностью гибкой настройки поможет вам создать быстрый корпоративный сайт, портфолио и даже блог. Генератор шорткодов поддерживает более 60 шорткодов для различных объектов. 10 настраиваемых виджетов.</p><p>Для демонстрации работ есть настраиваемые типы записей с удобной сортировкой по категориям и тегам. Блог поддерживает несколько готовых шаблонов. Любые страницы можно защитить паролем. Можно добавить или спрятать форму поиска и выезжающую верхнюю панель.</p><h3><span>Braxton – Premium WordPress Magazine Theme
</span></h3><p><img src='https://i1.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress2.jpg' width="100%" loading=lazy></p><h3><span>Taskrr – оптимизированные шаблоны WordPress
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress3.jpg' width="100%" loading=lazy></p><h3><span>Nexus Magazine Theme – оптимизированные шаблоны Вордпресс
</span></h3><p><img src='https://i2.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress4.jpg' width="100%" loading=lazy></p><h3><span>Schema – оптимизированные шаблоны WordPress
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress5.jpg' width="100%" loading=lazy><br><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress5.jpg' width="100%" loading=lazy></p><h3><span>Genesis Framework – оптимизированные шаблоны Вордпресс
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress6.jpg' width="100%" loading=lazy></p><h3><span>AppTheme – оптимизированные шаблоны WordPress
</span></h3><p><img src='https://i1.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress7.jpg' width="100%" loading=lazy></p>
<p>Привет всем в сети интернет за последнее время стало много мест, где можно приобрести бесплатные шаблоны на WordPress. Пользуются ими не только множество начинающих вебмастеров, но и даже опытные со стажем используют эти шаблоны. Сказать честно, то здесь ничего страшного нет, ведь они легко устанавливаются и сами по себе прописывают нужные настройки. Со временем, когда интернет-ресурс выходит на уровень хорошего дохода, встаёт вопрос по оптимизации шаблона.</p>
<p>Под фразой «оптимизация шаблона» в первую очередь подразумевается адаптация его под SEO, для работы с посетителями, и ускорение загрузки. Ниже опубликована инструкция, не претендующая на обязательное пошаговое руководство, но в себе содержит те условия, которые выполнять рекомендуется, для достижения максимального результата.</p>
<p><b>Оптимизация шаблона WordPress
</b></p>
<p><b>Кроссбраузерность.
</b><b><i>
</i>
</b>Не каждому понятно это слово, но оно обозначает как правильное отображение WordPress (темы) в разных браузерах (с недавнего времени Яндекс, а также Mozilla FireFox, Opera, Google Chrome). В зависимости от среды, некоторые элементы дизайна, в которой мы его открываем могут или изменить свой вид, место положение, либо вообще исчезнуть.</p>
<p>Проверка делается вручную или воспользоваться можно хорошим сервисом « », который даёт возможность сайт увидеть не только через какие-либо браузеры, но и операционные системы (Mac, Linux или Windows).</p>
<p><img src='https://i1.wp.com/pressdev.ru/wp-content/uploads/2013/05/proverka-krossbrauzernosti.jpg' align="center" width="100%" loading=lazy></p>
<p>Если отображение будет, выглядит не так как надо, тогда вам нужно приступить к самой оптимизации шаблона на WordPress, для того чтобы не потерять тех самых посетителей, которые применяют именно этот проводник, в котором были у вас проблемы.</p>
<p><b>Мобильная версия сайта.
</b>Из дня в день количество в сети интернет растет большими темпами, часть такой аудитории как раз таки может быть именно оттуда, значит не стоит ими пренебрегать.</p>
<p><b>Хорошая структура.
</b> После того как произошла смена шаблона, вам необходимо изменить структуру отображения статей, а именно должна изменится схема тегов постов и главной страницы. Как правило, данный пункт относится больше к поисковой оптимизации шаблона WordPress. В структуре темы стоит проверить схему отображения главных тегов.</p>
<p><img src='https://i2.wp.com/pressdev.ru/wp-content/uploads/2013/05/optimizaciya-shablonov-wordpress-300x139.jpg' align="center" height="139" width="300" loading=lazy></p>
<p>Если у вас, получилось не так как надо, значит советую скорее всего исправить. В самом противном случае привести это может к резкому снижению позиций, падению трафика и прочего.</p>
<p><b>Буфер вывода.
</b> Во время открытия страницы для пользователей, сначала по очереди элементы дизайна загружаются, после различные заголовки и последним делом контент. Скорость сайта зависеть будет не только от скорости соединения с интернетом, хостинга и движка, но и от степени оптимизации WordPress шаблона. Для изменения такой очередности, мы назначим тот самый порядок, который начинается с контента и CSS файла. Применять будем мы специальную функцию, которую размещаем после закрывающего тега </head> в файле header.php. Вот она:</p>
<p>Перед тем как внести изменения не нужно сделать резервную копию.</p>
<p><b>Оптимизация файлов.
</b> Javascript и CSS файлы свое место имеют в абсолютно любой теме WordPress или шаблоне. Для того чтобы снять дополнительную нагрузку и ускорить загрузку нужно эти файлы придать оптимизации. Есть различные инструменты онлайн, правда минус в том, что большинство из них на английском языке, среди которых хорошо выделяются — . Не забывайте и про .</p>
<p>Стоит также избегать JavaScript размещения непосредственно в самом тексте. Всё это не только приведёт к медлительности, но и к появлению неких подозрений со стороны поисковой системы Яндекс, так как он будет считать их за какой-то вирус.</p>
<p><b>Сжатие изображений.
</b> Во время формирования шаблона или темы применяется огромное количество изображений, лежащие в специальной папке «images». Они почти что всегда грузится начинают первыми, поэтому к ним надо применить сжатие. Заострите внимание на том, что перед тем, как опубликовать пост, надо ко всем .</p>
<p>Существует несколько правил, которых надо придерживаться.</p>
<ul><li>Первое, не используйте фото ширина которых больше самого размера контента.</li>
<li>Второе, вес их должен быть минимален и измеряться НЕ в мегабайтах, а в килобайтах или байтах.</li>
<li>Третье, расширение файлов желательно быть должно «gif» или «png».</li>
<li>Четвёртое, прогоните картинку перед его размещением через специально предназначенное программное обеспечение «Smush.it».</li>
</ul><p><img src='https://i0.wp.com/pressdev.ru/wp-content/uploads/2013/05/optimizaciya-shablonov-wordpress_1-300x188.jpg' align="center" height="188" width="300" loading=lazy></p>
<p>Достаточно сделать щелчок по вкладке «Select Files and Smush» и «Uploader», выбрать нужную картинку и кликнуть «Открыть». Далее скачиваем ее и размещаем.</p>
<p>Вы так же можете применять плагин «Wp-Smush.it», который делать будет сжатие в автоматическом режиме.</p>
<p>В принципе всё, надеюсь, я ясно и понятно рассказал каким образом <b>оптимизировать шаблон WordPress
</b>и не возникнет у вас вопросов по этому поводу. Спасибо за внимание!</p>
<p>Теперь можно покопаться в шаблоне (находится в /wp-content/themes/имя_шаблона/).</p>
<p>Попробуем убрать лишние запросы к базе данных при загрузке страниц вашего блога. Дело в том, что разработчики темы оформления для WordPress делают ее универсальной и подходящей, естественно, к любому блогу, с условием, что этот блог работает на движке WordPress. Поэтому, например, чтобы выводить на страницах вашего блога в шапке (верхняя часть шаблона страницы) название блога, необходимо в файле header.php вашей темы оформления прописать код на языке PHP, который запросит это название из базы данных и затем уже вставит его в код страницы.</p>
<p>Для этого скачаем редактор <b>Notepad++
</b>, так как нам нужно работать в формате <b>UTF-8 without BOM
</b>!<br><b>Внимание
</b>
: Редактируйте файты WordPress’a только редакторами, поддерживающими формат UTF-8 without BOM!!!<br>
Вот полезный код для вставки в шаблон на время оптимизирования(чтобы узнать, сколько запросов к БД идёт со страницы):</p>
<blockquote>
<p><?php echo get_num_queries (); ?>/<?php timer_stop (1);></p>
</blockquote>
<p>Приведу пример из своего шаблона:<br><b>Открываем файл header.php
</b>.</p>
<p>В цитатах я буду писать красным и зелёным цветом. Красный
— начальный вариант, Зелёный
— на что нужно заменить!</p>
<p>Основной язык сайта, заменяем:</p>
<blockquote>
<p><html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes (); ?>>
</span><br><span><html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr” lang=”ru-RU”>
</p>
</blockquote>
<p>Строка выбора кодировки страницы, меняем:</p>
<blockquote>
<p><meta http-equiv=”Content-Type” content=”<?php bloginfo (’html_type’); ?>; charset=<?php bloginfo (’charset’); ?>” />
</span><br><span><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8? />
</p>
</blockquote>
<p>Тайтл (Меняем <b>ТОЛЬКО
</b> в случае, если вас сателлит или ГС, настроенный под сапу и тд. так так на всех страницах станет одинаковый тайтл):</p>
<blockquote>
<p><title><?php bloginfo (’name’); ?> <?php if (is_single ()) { ?> » Blog Archive <?php } ?> <?php wp_title (); ?>
Тут впишите свой тайтл
Информация о движке:
” />
Стили (таких строчек может быть много):
” type=”text/css” media=”screen” />
RSS Feed” href=”” />
” />
Меню: Ну тут у каждого своё, лишь совет: если у вас чётко определено верхнее меню, то отредактируйте его, как и перечисленные выше строки.
Если название блога точно определено, то меняем:
Название Блога
Если описание блога определено, и не собираетесь менять в ближайшее время, то:
Описание вашего блога
Вроде всё, с файлом header.php закончили. Ах, да, я делал немного проще: Зашёл к себе на сайт (когда ещё ничего не оптимизировал в шаблоне), посмотрел исходный код этой HTML страницы, скопировал шапку и вставил в файл header.php. Вышло гораздо быстрее
- удалить строку с информацией о номере установленной версии WordPress
. Она не несет никакой полезной нагрузки, и более того, является опасной, т.к. некоторые варианты взлома применимы только к определенным версиям WordPress, а из этой строки как раз очень удобно узнавать текущую версию вашего движка. Выглядит эта строка обычно так:
- заменить URL до иконки favicon.ico на статический. Вы не знаете для чего нужна иконка под названием favicon.ico ? Она будет отображаться, например, в поисковой выдаче слева от названия вашего сайта или же в браузерах (в адресной строке или перед названием страницы на вкладках), при открытии страниц вашего блога. У моего блога это иконка желтой лампочки. Если у вас еще нет favicon.ico , то обязательно создайте ее и пропишите путь к ней файле header.php . Она придаст вашему блогу индивидуальность и узнаваемость. В оригинальном файле header.php строка с заданием пути до favicon.ico может выглядеть примерно так:
- заменить URL до на статический. В коде файла header.php это строка:
1
" />
А откуда взять все эти статические пути, которые мы должны прописать заместо кода PHP? Есть довольно простой способ. Вам нужно всего лишь открыть любую страницу вашего блога в браузере и посмотреть ее исходный код. Для этого, щелкаете правой кнопкой мыши по странице в любом браузере и выбираете из контекстного меню что-то вроде «Исходный код страницы
» или «Исходный код», в зависимости от того, в каком именно браузере открыта эта страницы. Теперь ищите там нужные строки и копируете пути к файлу CSS, к фиду и т.п.
Дело в том, что при создании страницы, PHP код интерпретируется в реальные статичные URL. Вот именно их мы скопируем по очереди и вставим в файл header.php вместо участков кода. Вот так выглядел блог кода до преобразования:
1
" />
2
3
/favicon.ico" />
4
" type= "text/css" media= "screen" />
2
3
1
Их нужно будет заменить, соответственно, на название и описание вашего блога. Если у вас вдруг после сохранения файла header.php вместо русских букв вылезут кракозябры, то откройте файл повторно на редактирование в Notepad++, выберите из верхнего меню пункт «Кодировка» - «Преобразовать в UTF-8 без BOM», а затем опять сохраните файл.
Если у вас еще в файле header.php имеет описание меню, то там можно вручную прописать ссылку на главную страницу. В оригинале эта строка может выглядеть так:
ее надо будет заменить на:
Теперь перейдем к файлу footer.php , который так же должен находиться в папке с вашей темой оформления по адресу /wp-content/themes/название_вашей_темы_оформления. В нем можно заменить строку выводящую информацию о том, что все права защищены, примерно такого вида:
Кроме того, что в этом случае убираются лишние запросы к базе данных
, здесь еще и создается ссылка с нужными ключевыми словами, которая будет вести на главную страницу со всех страниц блога (Внутренняя оптимизация сайта). Ну и для повышения значимости этих ключевых слов, они заключены в тег акцентирования H3 (Теги акцентирования (H1 -H6, STRONG, EM) – улучшаем внутреннюю оптимизацию сайта).
У меня, например, в footer.php дублируется верхнее меню и, следовательно, я так же как и в файле header.php заменил участок кода описывающий ссылку на главную страницу на статичный URL.
Остальные файлы редактируем также как и header.php …
Ещё парочка советов:
У вас сателлит и вам не нужно комментирование на сайте? — Отключайте комменты в админке, и удалите всё из файла comments.php .
У вас сателлит? – значит по любому у вас есть облако меток – вместо плагина сохраните его как html код, и вставьте в страницу.
У вас сателлит и вы не будете больше добавлять новые категории? – также сохраните их как html и вставьте вместо виджета!
В файле single.php у многих шаблонов название новости – ссылка на эту же новость. Зачем же это? – Убираем! Ещё минус один запрос!
с нужными стилями.
, тегов и . Напомним, что тег
Оптимизация страниц и записей на WordPress сайте
Все страницы и записи также необходимо оптимизировать на WordPress сайте . Не будем сейчас затрагивать тему SEO оптимизации текстов. Но мы рекомендуем использовать на страницах сайта структурированные тексты с использованием заголовков
, тегов и . Напомним, что тег должен встречаться на странице только один раз, поэтому в основном контенте страницы его использовать не рекомендуется.
Также для каждой страницы сайта необходимо прописывать мета теги
, <description> и <keywords>. Для этой задачи отлично подходит , с помощью которого вы сможете прописать <title>, <description> и <keywords> для каждой страницы.</p>
<h2>В заключение про оптимизацию сайта перед продвижением</h2>
<p>Мы описали только некоторые основы оптимизации WordPress сайта, на самом деле про оптимизацию сайта можно писать очень много. Еще, при оптимизации и продвижении WordPress сайта постарайтесь избежать</p>
<p>Вы знали, что 40% пользователей покидают сайты с плохим дизайном? Зачем терять прибыль? Выберите и установите прямо сейчас один из <b>44 тысяч премиум шаблонов для сайтов.
</b>Идеальный выбор для вашего бизнеса!</p> <p>Оптимизированные шаблоны WordPress для высокой скорости сайта, один из распространенных и наиболее важных аспектов в WordPress. Никто не любит медленные сайты. Сайт, который загружает медленно и выполняет задачи медленно приводит к плохому пользовательскому опыту. В следующий раз посетители могут быть не готовы посетить ваш сайт снова просто потому, что это занимает слишком много времени.</p><p>На этой неделе мы обновили подборку быстрых шаблонов. Для этого мы протестировали шаблоны Вордпресс – хорошо известные и новинки, – чтобы определить, какой из них самый быстрый при загрузке. Мы исключили WordPress темы, которые не были многофункциональными и протестировали только те, которые имеют наиболее часто используемые функции, такие как содержание с боковой панели, связь с соц. сетями, пользовательские страницы, виджеты, функция поиска, комментарии, сообщения и т.д. Наши тесты проводились главным образом с помощью двух инструментов, доступных в Интернете.</p><p>Page Speed Insights измеряет производительность страницы для мобильных и настольных устройств. Оценка варьируется от 0 до 100 баллов. Высокий балл, оценка 85 или выше означает, что страница работает хорошо.</p><p>Pingdom веб-инструмент простой в использовании, которые рассматривает все части веб-страницы, включая размеры файлов, времени загрузки, HTML, JavaScript, CSS и других файлов, связанных с веб-страницы. Скоринг делается по шкале от 0 до 100 баллов, чем выше, тем лучше.</p><h2><span>Оптимизированные шаблоны WordPress для высокой скорости
</span></h2><p>Итак, на основе лучших оценок, мы сделали список оптимизированных WordPress тем (в случайном порядке).</p><h3><span>KANTER – SEO оптимизированный шаблон WordPress с чистым кодом
</span></h3><p>Этот шаблон, который ориентирован на творческое и бизнес-применение, оптимизирован и с точки зрения SEO, и с точки зрения скорости. Это, в принципе, неудивительно, ведь обычно эти два вида оптимизации тесно друг с другом связаны. На практике это означает, что, создавая сайт на базе такого шаблона, вы с большей уверенностью можете рассчитывать на положительный результат в процессе продвижения. При должном внимании к наполнению контента о вас узнают сотни и тысячи потенциальных клиентов. Скоростной и мобильно оптимизированный сайт, который получится с этим шаблоном, будет продвигать сам гугл, поскольку эти два критерия он считает наиболее важными. Ваш сайт запросто появится на первых строчках поисковой выдачи по тем ключевым запросам, которые вас интересуют!</p><p>Знаете, чем отличаются многие другие оптимизированные шаблоны WordPress от KANTER? Во-первых, не во всех есть несколько готовых вариантов оформления сайта. Во-вторых, не у каждого дизайн выполнен настолько чисто и профессионально, как в этой теме. Сфера применения у нее обширная. Ее могут использовать фрилансеры, фотографы, дизайнеры, веб-разработчики, а также компании и фирмы, работающие в различных сферах. Кроме главной здесь есть страницы «О Нас», «Цены», «Услуги» и «Магазин», страницы портфолио, блога и контактных данных.</p><p>Шаблон KANTER станет одним из лучших вариантов для вашего сайта, который стоить будет достаточно недорого. Это решение вас не подведет!</p><h3><span>Virtua – корпоративные оптимизированные шаблоны WordPress
</span></h3><p>Эта тема подойдет для различных вариантов и сфер применения, в том числе для IT-фирмы и компании, предоставляющей услуги по принципу аутсорса. У нее очень красивое оформление с нацеленностью на уверенное привлечение потенциальных клиентов. Для этого в ней используется достаточно много веб-компонентов с призывом к действию.</p><p>Тема имеет классическое меню, в котором есть главная страница, страницы «О Нас», «Цены», «Услуги», «Контактные данные», «Часто задаваемые вопросы», а также блог. Ниже – классический слайдер со стильной кнопкой для детального ознакомления с деятельностью компании. Для убедительности в шаблоне используется блок с отзывами, которые легко и быстро переключаются с помощью кнопок. Также есть специальный блок для размещения логотипов компаний, с которыми вы сотрудничаете. Еще ниже размещен блок с новостями о компании и теми, которые связаны со сферой вашей деятельности. В футере можно снова кратко разместить информацию о вашей компании, часы работы и кнопки социальных сетей, в том числе Facebook, Twitter, LinkedIn и YouTube.</p><p>Шаблон будет превосходным решением для любой компании, которое точно не подведет вас!</p><h3><span>QHub– высококлассные шаблоны WordPress для офиса или IT-компании
</span></h3><p>Такие оптимизированные шаблоны WordPress, как QHub, обычно оптимизированы во всех аспектах: скорость, SEO-оптимизация и мобильная адаптация. Конкретно этот шаблон отличается ярким и красочным дизайном и продуманной структурой. На <a href="/error-itunes/ne-poluchaetsya-sdelat-yandeks-startovoi-stranicei-kak-sdelat/">главной странице</a> в глаза сразу бросается удобное меню и необычный слайдер, который поможет привлечь внимание посетителей и потенциальных клиентов с первых секунд. Кроме того, в шаблоне предусмотрены клевые блоки для представления услуг, цен на услуги, отзывов от реальных клиентов и галереи фотографий вашей компании. Доступен календарь для бронирования (например, если у вас свой офис под аренду или Coworking-сообщество) или других задач.</p><p>В самом низу сайта красиво размещены контактные данные. Есть контактная форма для быстрой связи. В футере также есть форма для подписки на новостную рассылку и список ближайших событий. Отличная интеграция с социальными сетями за счет иконок социальных сетей со ссылками на профили (Facebook, Twitter, Google Plus, LinkedIn и так далее). Все это поможет вам уверенно достичь новых высот в бизнесе!</p><h3><span>15Zine – оптимизированные шаблоны WordPress для журнала/газеты с высоким рейтингом
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-03.jpg' align="center" width="100%" loading=lazy><br><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-03.jpg' align="center" width="100%" loading=lazy></p><p>Тема полностью отзывчивая и работает с мобильными устройствами, в том числе и с Retina-дисплеями. Светлый и темный вариант дизайна. В мега меню Ajax можно с помощью специальных символов обозначить самые популярные и актуальные записи. Бесконечная прокрутка и загрузка контента.</p><h3><span>Consulting – шустрый бизнес шаблон для финансовой сферы
</span></h3><p><img src='https://i1.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-05.jpg' align="center" width="100%" loading=lazy></p><p>Теперь вам не придется создавать сайт с нуля или заказывать его у веб-дизайнера, ведь эта тема поддерживает 18 демо-макетов для быстрой установки. Различные варианты цветового оформления. Готовые шаблоны страниц для представления услуг. Над футером можно поместить гугл-карту и указать местоположение вашей компании, а в футере указать адрес и контактные данные.</p><p>Шаблон имеет отзывчивый дизайн и обеспечивает шикарное отображение сайта на Retina-экранах.</p><h3><span>BuzzBlog – чистая тема для личного блога для быстрой загрузки
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-01.jpg' align="center" width="100%" loading=lazy><br><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-01.jpg' align="center" width="100%" loading=lazy></p><p>Вдобавок к высокой скорости, в комплект этой темы было включено 60 вариантов домашней страницы, 12 макетов страницы блога, пять макетов шапки, четыре макета записей, а также встроенные галереи с возможностью настройки количества столбцов и лайтбокса.</p><p>В блог можно добавлять записи любого формата. Различные CSS-стили для уникального оформления. Поддержка кнопок социальных сетей и ленты Instagram во всю ширину.</p><h3><span>SmartMag – отзывчивая тема журнала с поддержкой Retina-устройств
</span></h3><p><img src='https://i2.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-02.jpg' align="center" width="100%" loading=lazy></p><p>Кроме журнала шаблон подойдет для сайта СМИ, сайта с отзывами и блога. С помощью drag-and-drop построителя вы без проблем создадите уникальный дизайн своего сайта постранично. Богатые сниппеты и код HTML5 обеспечат высокие позиции сайта в поисковой выдаче.</p><p>Удобная навигация с мега меню и поддержка мобильного меню. Различные варианты оформления страниц журнала. Поддержка плагинов форума bbPress и магазина WooCommerce.</p><h3><span>Jarida – адаптированная универсальная тема для новостного сайта, журнала и блога
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-04.jpg' align="center" width="100%" loading=lazy></p><p>Чистый дизайн, отзывчивый макет, оптимизация под Retina-дисплеи – все это делает тему Jarida лучшим вариантом для вашего сайта. В панели управления можно настроить все от цвета и заднего фона до слайдеров и боковых панелей. 33 виджета, в том числе для счетчика подписчиков во всех социальных сетях.</p><p>Восемь готовых шаблонов страниц. Встроенная система отзывов и поддержка магазина. Оптимизация поискового ранжирования.</p><h3><span>Flare – бизнес и портфолио шаблон с отзывчивым макетом
</span></h3><p><img src='https://i2.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D1%82%D0%BE%D0%BF-20-%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress-06.jpg' align="center" width="100%" loading=lazy></p><p>Простая тема с возможностью гибкой настройки поможет вам создать быстрый корпоративный сайт, портфолио и даже блог. Генератор шорткодов поддерживает более 60 шорткодов для различных объектов. 10 настраиваемых виджетов.</p><p>Для демонстрации работ есть настраиваемые типы записей с удобной сортировкой по категориям и тегам. Блог поддерживает несколько готовых шаблонов. Любые страницы можно защитить паролем. Можно добавить или спрятать форму поиска и выезжающую верхнюю панель.</p><h3><span>Braxton – Premium WordPress Magazine Theme
</span></h3><p><img src='https://i1.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress2.jpg' width="100%" loading=lazy></p><h3><span>Taskrr – оптимизированные шаблоны WordPress
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress3.jpg' width="100%" loading=lazy></p><h3><span>Nexus Magazine Theme – оптимизированные шаблоны Вордпресс
</span></h3><p><img src='https://i2.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress4.jpg' width="100%" loading=lazy></p><h3><span>Schema – оптимизированные шаблоны WordPress
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress5.jpg' width="100%" loading=lazy><br><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress5.jpg' width="100%" loading=lazy></p><h3><span>Genesis Framework – оптимизированные шаблоны Вордпресс
</span></h3><p><img src='https://i0.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress6.jpg' width="100%" loading=lazy></p><h3><span>AppTheme – оптимизированные шаблоны WordPress
</span></h3><p><img src='https://i1.wp.com/inbenefit.com/wp-content/uploads/2014/10/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B5-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%D1%8B-wordpress7.jpg' width="100%" loading=lazy></p>
<p>Привет всем в сети интернет за последнее время стало много мест, где можно приобрести бесплатные шаблоны на WordPress. Пользуются ими не только множество начинающих вебмастеров, но и даже опытные со стажем используют эти шаблоны. Сказать честно, то здесь ничего страшного нет, ведь они легко устанавливаются и сами по себе прописывают нужные настройки. Со временем, когда интернет-ресурс выходит на уровень хорошего дохода, встаёт вопрос по оптимизации шаблона.</p>
<p>Под фразой «оптимизация шаблона» в первую очередь подразумевается адаптация его под SEO, для работы с посетителями, и ускорение загрузки. Ниже опубликована инструкция, не претендующая на обязательное пошаговое руководство, но в себе содержит те условия, которые выполнять рекомендуется, для достижения максимального результата.</p>
<p><b>Оптимизация шаблона WordPress
</b></p>
<p><b>Кроссбраузерность.
</b><b><i>
</i>
</b>Не каждому понятно это слово, но оно обозначает как правильное отображение WordPress (темы) в разных браузерах (с недавнего времени Яндекс, а также Mozilla FireFox, Opera, Google Chrome). В зависимости от среды, некоторые элементы дизайна, в которой мы его открываем могут или изменить свой вид, место положение, либо вообще исчезнуть.</p>
<p>Проверка делается вручную или воспользоваться можно хорошим сервисом « », который даёт возможность сайт увидеть не только через какие-либо браузеры, но и операционные системы (Mac, Linux или Windows).</p>
<p><img src='https://i1.wp.com/pressdev.ru/wp-content/uploads/2013/05/proverka-krossbrauzernosti.jpg' align="center" width="100%" loading=lazy></p>
<p>Если отображение будет, выглядит не так как надо, тогда вам нужно приступить к самой оптимизации шаблона на WordPress, для того чтобы не потерять тех самых посетителей, которые применяют именно этот проводник, в котором были у вас проблемы.</p>
<p><b>Мобильная версия сайта.
</b>Из дня в день количество в сети интернет растет большими темпами, часть такой аудитории как раз таки может быть именно оттуда, значит не стоит ими пренебрегать.</p>
<p><b>Хорошая структура.
</b> После того как произошла смена шаблона, вам необходимо изменить структуру отображения статей, а именно должна изменится схема тегов постов и главной страницы. Как правило, данный пункт относится больше к поисковой оптимизации шаблона WordPress. В структуре темы стоит проверить схему отображения главных тегов.</p>
<p><img src='https://i2.wp.com/pressdev.ru/wp-content/uploads/2013/05/optimizaciya-shablonov-wordpress-300x139.jpg' align="center" height="139" width="300" loading=lazy></p>
<p>Если у вас, получилось не так как надо, значит советую скорее всего исправить. В самом противном случае привести это может к резкому снижению позиций, падению трафика и прочего.</p>
<p><b>Буфер вывода.
</b> Во время открытия страницы для пользователей, сначала по очереди элементы дизайна загружаются, после различные заголовки и последним делом контент. Скорость сайта зависеть будет не только от скорости соединения с интернетом, хостинга и движка, но и от степени оптимизации WordPress шаблона. Для изменения такой очередности, мы назначим тот самый порядок, который начинается с контента и CSS файла. Применять будем мы специальную функцию, которую размещаем после закрывающего тега </head> в файле header.php. Вот она:</p>
<p>Перед тем как внести изменения не нужно сделать резервную копию.</p>
<p><b>Оптимизация файлов.
</b> Javascript и CSS файлы свое место имеют в абсолютно любой теме WordPress или шаблоне. Для того чтобы снять дополнительную нагрузку и ускорить загрузку нужно эти файлы придать оптимизации. Есть различные инструменты онлайн, правда минус в том, что большинство из них на английском языке, среди которых хорошо выделяются — . Не забывайте и про .</p>
<p>Стоит также избегать JavaScript размещения непосредственно в самом тексте. Всё это не только приведёт к медлительности, но и к появлению неких подозрений со стороны поисковой системы Яндекс, так как он будет считать их за какой-то вирус.</p>
<p><b>Сжатие изображений.
</b> Во время формирования шаблона или темы применяется огромное количество изображений, лежащие в специальной папке «images». Они почти что всегда грузится начинают первыми, поэтому к ним надо применить сжатие. Заострите внимание на том, что перед тем, как опубликовать пост, надо ко всем .</p>
<p>Существует несколько правил, которых надо придерживаться.</p>
<ul><li>Первое, не используйте фото ширина которых больше самого размера контента.</li>
<li>Второе, вес их должен быть минимален и измеряться НЕ в мегабайтах, а в килобайтах или байтах.</li>
<li>Третье, расширение файлов желательно быть должно «gif» или «png».</li>
<li>Четвёртое, прогоните картинку перед его размещением через специально предназначенное программное обеспечение «Smush.it».</li>
</ul><p><img src='https://i0.wp.com/pressdev.ru/wp-content/uploads/2013/05/optimizaciya-shablonov-wordpress_1-300x188.jpg' align="center" height="188" width="300" loading=lazy></p>
<p>Достаточно сделать щелчок по вкладке «Select Files and Smush» и «Uploader», выбрать нужную картинку и кликнуть «Открыть». Далее скачиваем ее и размещаем.</p>
<p>Вы так же можете применять плагин «Wp-Smush.it», который делать будет сжатие в автоматическом режиме.</p>
<p>В принципе всё, надеюсь, я ясно и понятно рассказал каким образом <b>оптимизировать шаблон WordPress
</b>и не возникнет у вас вопросов по этому поводу. Спасибо за внимание!</p>
<p>Теперь можно покопаться в шаблоне (находится в /wp-content/themes/имя_шаблона/).</p>
<p>Попробуем убрать лишние запросы к базе данных при загрузке страниц вашего блога. Дело в том, что разработчики темы оформления для WordPress делают ее универсальной и подходящей, естественно, к любому блогу, с условием, что этот блог работает на движке WordPress. Поэтому, например, чтобы выводить на страницах вашего блога в шапке (верхняя часть шаблона страницы) название блога, необходимо в файле header.php вашей темы оформления прописать код на языке PHP, который запросит это название из базы данных и затем уже вставит его в код страницы.</p>
<p>Для этого скачаем редактор <b>Notepad++
</b>, так как нам нужно работать в формате <b>UTF-8 without BOM
</b>!<br><b>Внимание
</b>
: Редактируйте файты WordPress’a только редакторами, поддерживающими формат UTF-8 without BOM!!!<br>
Вот полезный код для вставки в шаблон на время оптимизирования(чтобы узнать, сколько запросов к БД идёт со страницы):</p>
<blockquote>
<p><?php echo get_num_queries (); ?>/<?php timer_stop (1);></p>
</blockquote>
<p>Приведу пример из своего шаблона:<br><b>Открываем файл header.php
</b>.</p>
<p>В цитатах я буду писать красным и зелёным цветом. Красный
— начальный вариант, Зелёный
— на что нужно заменить!</p>
<p>Основной язык сайта, заменяем:</p>
<blockquote>
<p><html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes (); ?>>
</span><br><span><html xmlns=”http://www.w3.org/1999/xhtml” dir=”ltr” lang=”ru-RU”>
</p>
</blockquote>
<p>Строка выбора кодировки страницы, меняем:</p>
<blockquote>
<p><meta http-equiv=”Content-Type” content=”<?php bloginfo (’html_type’); ?>; charset=<?php bloginfo (’charset’); ?>” />
</span><br><span><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8? />
</p>
</blockquote>
<p>Тайтл (Меняем <b>ТОЛЬКО
</b> в случае, если вас сателлит или ГС, настроенный под сапу и тд. так так на всех страницах станет одинаковый тайтл):</p>
<blockquote>
<p><title><?php bloginfo (’name’); ?> <?php if (is_single ()) { ?> » Blog Archive <?php } ?> <?php wp_title (); ?>
Тут впишите свой тайтл
Информация о движке:
” />
Стили (таких строчек может быть много):
” type=”text/css” media=”screen” />
RSS Feed” href=”” />
” />
Меню: Ну тут у каждого своё, лишь совет: если у вас чётко определено верхнее меню, то отредактируйте его, как и перечисленные выше строки.
Если название блога точно определено, то меняем:
Название Блога
Если описание блога определено, и не собираетесь менять в ближайшее время, то:
Описание вашего блога
Вроде всё, с файлом header.php закончили. Ах, да, я делал немного проще: Зашёл к себе на сайт (когда ещё ничего не оптимизировал в шаблоне), посмотрел исходный код этой HTML страницы, скопировал шапку и вставил в файл header.php. Вышло гораздо быстрее
- удалить строку с информацией о номере установленной версии WordPress
. Она не несет никакой полезной нагрузки, и более того, является опасной, т.к. некоторые варианты взлома применимы только к определенным версиям WordPress, а из этой строки как раз очень удобно узнавать текущую версию вашего движка. Выглядит эта строка обычно так:
- заменить URL до иконки favicon.ico на статический. Вы не знаете для чего нужна иконка под названием favicon.ico ? Она будет отображаться, например, в поисковой выдаче слева от названия вашего сайта или же в браузерах (в адресной строке или перед названием страницы на вкладках), при открытии страниц вашего блога. У моего блога это иконка желтой лампочки. Если у вас еще нет favicon.ico , то обязательно создайте ее и пропишите путь к ней файле header.php . Она придаст вашему блогу индивидуальность и узнаваемость. В оригинальном файле header.php строка с заданием пути до favicon.ico может выглядеть примерно так:
- заменить URL до на статический. В коде файла header.php это строка:
1
" />
А откуда взять все эти статические пути, которые мы должны прописать заместо кода PHP? Есть довольно простой способ. Вам нужно всего лишь открыть любую страницу вашего блога в браузере и посмотреть ее исходный код. Для этого, щелкаете правой кнопкой мыши по странице в любом браузере и выбираете из контекстного меню что-то вроде «Исходный код страницы
» или «Исходный код», в зависимости от того, в каком именно браузере открыта эта страницы. Теперь ищите там нужные строки и копируете пути к файлу CSS, к фиду и т.п.
Дело в том, что при создании страницы, PHP код интерпретируется в реальные статичные URL. Вот именно их мы скопируем по очереди и вставим в файл header.php вместо участков кода. Вот так выглядел блог кода до преобразования:
1
" />
2
3
/favicon.ico" />
4
" type= "text/css" media= "screen" />
2
3
1
Их нужно будет заменить, соответственно, на название и описание вашего блога. Если у вас вдруг после сохранения файла header.php вместо русских букв вылезут кракозябры, то откройте файл повторно на редактирование в Notepad++, выберите из верхнего меню пункт «Кодировка» - «Преобразовать в UTF-8 без BOM», а затем опять сохраните файл.
Если у вас еще в файле header.php имеет описание меню, то там можно вручную прописать ссылку на главную страницу. В оригинале эта строка может выглядеть так:
ее надо будет заменить на:
Теперь перейдем к файлу footer.php , который так же должен находиться в папке с вашей темой оформления по адресу /wp-content/themes/название_вашей_темы_оформления. В нем можно заменить строку выводящую информацию о том, что все права защищены, примерно такого вида:
Кроме того, что в этом случае убираются лишние запросы к базе данных
, здесь еще и создается ссылка с нужными ключевыми словами, которая будет вести на главную страницу со всех страниц блога (Внутренняя оптимизация сайта). Ну и для повышения значимости этих ключевых слов, они заключены в тег акцентирования H3 (Теги акцентирования (H1 -H6, STRONG, EM) – улучшаем внутреннюю оптимизацию сайта).
У меня, например, в footer.php дублируется верхнее меню и, следовательно, я так же как и в файле header.php заменил участок кода описывающий ссылку на главную страницу на статичный URL.
Остальные файлы редактируем также как и header.php …
Ещё парочка советов:
У вас сателлит и вам не нужно комментирование на сайте? — Отключайте комменты в админке, и удалите всё из файла comments.php .
У вас сателлит? – значит по любому у вас есть облако меток – вместо плагина сохраните его как html код, и вставьте в страницу.
У вас сателлит и вы не будете больше добавлять новые категории? – также сохраните их как html и вставьте вместо виджета!
В файле single.php у многих шаблонов название новости – ссылка на эту же новость. Зачем же это? – Убираем! Ещё минус один запрос!
” />
” type=”text/css” media=”screen” />
RSS Feed” href=”” />
” />
| 1 | " /> |
У вас сателлит и вам не нужно комментирование на сайте? — Отключайте комменты в админке, и удалите всё из файла comments.php .
У вас сателлит? – значит по любому у вас есть облако меток – вместо плагина сохраните его как html код, и вставьте в страницу.
У вас сателлит и вы не будете больше добавлять новые категории? – также сохраните их как html и вставьте вместо виджета!
В файле single.php у многих шаблонов название новости – ссылка на эту же новость. Зачем же это? – Убираем! Ещё минус один запрос!