HTML

Как правильно составить Title, Description и Keywords

Тег title и мета-теги description и keywords — играют исключительную роль в раскрутке сайта. От их правильного составления во многом зависит положение страницы в поисковой выдаче. Элементы title, description и keywords должны обязательно присутствовать на каждой странице сайта и содержать ключевые фразы:
Правильно составить Title, Description и Keywords
Роботы поисковых систем придают большое значение содержимому title и description, особенно тегу title для определения релевантности страницы — соответствию пользовательского запроса к ее содержимому. Но есть и второй фактор, который нужно учитывать, он приносит дополнительный эффект в раскрутке сайта — это восприятие пользователей.
Читать далее →

PHPStorm: Полезные мелочи

Синхронное редактирование HTML тегов
Для ускорения правки одинаковых HTML тегов можно настроить синхронную правку. Для этого нужно в настройках включить параметр: Preferences | Editor | General | Smart keys – Simultaneous editing.
html-tag-editing

Шаблонизатор Smarty.

Smarty – один из самых известных шаблонизаторов. Шаблонизатор нужен для разделения PHP-кода от HTML-кода. Если первый раз с этим сталкиваешься, преимущества такого подхода заметны не сразу, но потом ты удивляешься, как раньше мог обходиться без шаблонов.

  • Smarty довольно быстр (есть и более быстрые шаблонизаторы, но на практике узким местом в проекте является не шаблонизатор, а база данных).
  • Он эффективен, так как PHP делает за него грязную работу.
  • Никакой лишней обработки шаблонов, они компилируются только один раз. Перекомпилируются только те шаблоны, которые изменились.
  • Можно создавать пользовательские функции и модификаторы, что делает язык шаблонов чрезвычайно расширяемым.
  • Конструкции if/elseif/else/endif передаются обработчику PHP, так что синтаксис выражения {if …} может быть настолько простым или сложным, насколько вам угодно.
  • Допустимо неограниченное вложение секций, условий и т. д.
  • Встроенный механизм кеширования.

Читать далее →

Валидаторы микроразметки

Валидатор микроразметки позволяет проверить семантическую разметку*, внедренную на вашем сайте, и убедиться в том, что роботы поисковых систем cмогут извлечь структурированные данные.
Яндекс — https://webmaster.yandex.ru/microtest.xml
Google — https://developers.google.com/structured-data/testing-tool/

Быстро собрать блок с разметкой по основным (Person — Персона, Product — Товар/Услуга, Event — Событие, Organization — Организация, Movie — Фильм, Book — Книга, Review — Обзор) направлениям.
http://schema-creator.org/product.php

* Цель семантической разметки – сделать интернет более понятным, структурированным и облегчить поисковым системам и специальным программам извлечение и обработку информации для удобного её представления в результатах поиска.
Разметка происходит непосредственно в HTML-коде страниц с помощью специальных атрибутов и не требует создания отдельных экспортных файлов.

Загрузка файлов на сервер

Для того чтобы можно было загружать на сервер один или несколько файлов, в форме применяется специальное поле.
Синтаксис поля для отправки файла следующий.

<input type="file" атрибуты>
  • accept — Устанавливает фильтр на типы файлов, которые вы можете отправить через поле загрузки файлов.
  • size — Ширина текстового поля, которое определяется числом символов моноширинного шрифта.
  • multiple — Позволяет выбирать и загружать сразу несколько файлов.
  • name — Имя поля, используется для его идентификации обработчиком формы.

Прежде, чем использовать данное поле, в форме необходимо сделать следующее:

  1. задать метод отправки данных POST (method=»post»);
  2. установить у атрибута enctype значение multipart/form-data.

Читать далее →

Инструмент для вебмастеров PageSpeed Insights

Page Speed Insights измеряет скорость загрузки веб-страниц. URL проверяется дважды – с помощью обычного и мобильного агента пользователя.

Оценка Page Speed Insights может составлять от 0 до 100 баллов. Чем больше оценка – тем лучше. Если страница набрала более 85 баллов, значит она загружается быстро. Обратите внимание, что Page Speed Insights постоянно развивается, поэтому по мере добавления новых правил или усовершенствования аналитических алгоритмов оценка иногда меняется.

Page Speed Insights определяет, как можно улучшить следующие показатели:

  • время загрузки верхней части страницы: общее время с момента запроса страницы до момента отображения ее верхней части в браузере.
  • время полной загрузки страницы: общее время с момента запроса страницы до ее полного отображения в браузере.

Так как скорость подключения у разных пользователей различна, Page Speed Insights рассматривает только независимые от сети аспекты работы страницы: конфигурация сервера, структура HTML, использование внешних ресурсов (изображений, JavaScript и CSS). Применив наши рекомендации, вы сможете оптимизировать относительную скорость загрузки страницы. Абсолютная же скорость загрузки в конечном итоге все равно зависит от скорости подключения к сети.
PageSpeed_Insights