YouTube API v.3 — Парсинг видеороликов по ключевым фразам на php

YouTube позволяет бесплатно работать через своё API, поэтому парсить его сплошное удовольствие. А учитывая, что он еще и ищет отлично и релевантно — то парсинг в двойне приятнее. Для начала надо зарегистрироваться и получить свой API ключ. По идее для этих дел лучше создать отдельный аккаунт, а то вдруг забанят или еще что. Полная инструкция Читать дальше …

Open Graph — красивая разметка для ссылок в VK, Facebook и других соцсетях

Получить красивые ссылки внутри соцсетей очень просто, для этого существует стандарт микроразметки Open Graph, разработанная компанией Facebook. Со временем этот стандарт приняли на вооружение многие популярные социальные сети (Вконтакте, Google+, Twitter, LinkedIn, Pinterest и др.), а также Skype. Далее примеры, чтобы было понятнее как выглядит, для подопытной страницы: http://mototip.ru/atv/stels/stels-atv-500.html Ссылка в личных сообщениях VK с Читать дальше …

Последствия определения профилей соцсетей у посетителей сайта

Долго думал, стоит писать про этот эксперимент или нет. Результат для меня был немного неожиданным и с не приятными последствиями. Надеюсь кому-то этот пост сбережет нервы и время. Около 8-10 месяцев назад, я начал интересоваться разработкой приложений для автоматизации работы с соцсетью Вконтакте. И вы не подумайте, не спамом (про него я только почитал, посмотрел Читать дальше …

Бесплатные инструменты для создания сайта

Составлю список бесплатных инструментов, которыми я сам пользуюсь для редактирования и создания сайтов. Постепенно буду этот список дополнять. В первую очередь этот список нужен мне самому, чтобы вспомнить откуда чего брал. Редактор кода Notepad++ — на моей памяти еще не встречал более удобного редактора. Подсветка кода (всевозможный синтаксис: HTML, CSS, PHP и т.д.), различные подсказки Читать дальше …

Влияние прелоадера на процент отказов

После установки прелоадера на сайт, решил посмотреть как это повлияло на некоторые метрики сайта. Конечно сложно говорить о влиянии на данные только появлением прелоадера, т.к. вместе с ним, были еще некоторые небольшие изменения, но я все же склонен считать, что основной фактор изменения — прелоадер. Смотрим график изменения отказов с яндекс метрики: Детализация по неделям, Читать дальше …

Настройка кэша браузера на Nginx

Как и сжатие GZIP  — кэш браузера на серверах с Nginx включается не сложно. Я делаю так: Открываем конфиг nginx.conf для редактирования. Для нужного сайта в блок:

добавляем строку expires 7d; . В результате получаем:

В результате статичные файлы картинок, стилей, яваскриптов, архивов и т.п. начинают кэшироваться на стороне браузера посетителя сайта. Мы указываем Читать дальше …

GZIP сжатие для сайта на сервере с Nginx

Включается сжатие GZIP на серверах с Nginx очень просто. Напишу способ именно для себя. У меня он работает. Открываем конфиг nginx.conf для редактирования. Для нужного сайта после

вставляем строки:

Сохраняем изменения nginx.conf. Перезапускаем сервер Nginx. Команда: /etc/init.d/nginx restart Все, результат можно проверить в Google pagespeed.

Кроссбраузерное подключение svg

Вообще, большинство пользователей не понимают, как порою сильно хочется отобразить векторную картинку на страничке. Векторная графика в отличии от растровой выглядит хорошо при любом разрешении монитора, при любом масштабе она не превращается в пиксельный мусор, не размывается и т.п. Например, векторный логотип можно взять и увеличить в 3 раза, без потери качества, а вот с Читать дальше …

Переезд сайта на новое доменное имя

Нашел хороший способ для идеального способа переехать сайту на новое доменное имя. Все мы знаем, что в случае смены доменного имени, чтобы сайт сохранил свои позиции в выдаче — необходимо на старом доменном имени включить редирект 301 на новое имя. А иначе, новый сайт не получит вес ссылок, траст и прочие плюшки со старого домена. Читать дальше …

Делаем скриншот адаптивного сайта

Нашел относительно удобный онлайн-сервис для скриншота адаптивного дизайна сайта: http://ami.responsivedesign.is/ Достаточно удобно, вводите адрес, а он сам делает предпросмотр для каждого устройства (основываясь на размер экрана). Остается только скриншот сделать (например, приложением «ножницы», которые появились с windows 7). А устройства можно еще двигать друг относительно друга, компонуя свою композицию из них.