D.iK.iJ
©  2006-2016 - сайт автора
 
Ссылки Поиск Написать В избранное NO

От дикого автора

         Приветствую вас на сайте dikij.com, мой дорогой посетитель.
         Многие знают меня по нику D.iK.iJ и здесь я храню свои фотографии и фантастические рассказы, веду блог и отвечаю на комментарии. Ну и различные эксперименты по заработку, продвижению, забавные и полезные скрипты и PHP программы тоже нашли место на этом сайте.
         Гуляйте по тайным комнатам, пишите на стенах... только не теряйтесь! И возвращайтесь живым и целым Человеком.
         Интересует, что пишут о сайте? (RSS, Email). Еще можете почитать новое на N.M. И глянуть новости дня и отрывки из рассказов.
         Also, the English version of the site.

Последнее из блога

       

         Добавил в портфолио по мобильной адаптации новые сайты, над которыми работал последнее время:
         • ladnydom.ru - мобильная версия для поставщика строительных материалов.
         • bobfilm1.net - была переделана была как версия для обычных пользователей, так и для зарегистрированных.
         • babystart.com.ua - адаптивный дизайн для детского магазина.
         • profnastil.com - два сайта по профнастилу на одном шаблоне. Переделал оба по одной цене.
         • navigator-beton.ru - адаптивный дизайн для сайта по покупке бетона и субдомену с металлопрокатом.

(18.07.2016 blogger) Новая порция мобильной адаптации сайтов - Бобфильм 1

         Иногда бывают очень сложные в переделке под адаптивный дизайн сайты. Настолько, что даже хочется поднять цену в 2 или 3 раза. Но я этого еще ни разу не делал.
         Хотя, со временем работы у меня бывают накладки. Особенно, когда хочется все сделать идеально.



       

         apple-touch-icon.pngЧто-то больно много развелось различных иконок, которые разные операционные системы требуют от сайта. Вот понимаю, раньше был только фавикон. Загрузил в корень сайта favicon.ico и все. Можно даже в хедере страницы не прописывать. Браузеры и поисковые системы сами картинку подтянут.
         Потом разные умельцы стали вместо статичной картинки прописывать путь к гифке с анимацией. И часть браузеров даже эту анимацию показывало.

         Но все испортил Эппл со своими постоянно меняющимися требованиями. Для начала, их браузер стал засыпать сайты 404 ошибкой, требуя наличия apple-touch-icon.png. Потом оказалось, что нужен еще вариант картинки со скругленными углами - apple-touch-icon-precomposed.png. Да и спецификация постоянно менялась. Поэтому такие иконки нужны 4 - 5 размеров. Под каждое устройство.
         Но главная тупость тут в том, что иконки, в основном, нужны только для красивого сохранения сайта на рабочий стол. А это явно никто не делает каждый день.

         Потом к этому зоопарку подключились Виндоус 8 и 10. Только для них нужно создать отдельный файл browserconfig.xml с указанием фона и размеров используемых иконок. Тогда ссылку на сайт можно сохранить как плитку в интерфейсе «Метро» в восьмерке и как плитку же - в меню «Пуск» в десятке.

         Теперь про социальные сети. Для них нужна разметка от Open Graph - чтобы в соцсетях рядом со ссылкой показывалась иконка сайта. Это особенно удобно, если на странице нет других крупных изображений. Да и занимает всего одну строчку в хедере сайта.

         Как вы уже догадались, я очень ленивый вебмастер. И если Фавикон есть у сайта уже почти 10 лет, то рисовать еще десяток дурацких картинок - совсем не хотелось. Поэтому я ограничился только иконками эля Эппл, размером 144 на 144 пикселя. Это приблизительно средний размер из всех требуемых изображений. И эта картинка теперь используется как для Виндоус с Эппл, так и для всех соцсетей сразу.



       

         Нам опять нужно было добраться до Екатеринбурга - к врачам. Но это было бы совсем скучно без прогулки по городу с ребенком и местного парка бабочек.

(24.06.2016 doroga) Парк бабочек Екатеринбург - Куколки бабочек в инсектарии
(24.06.2016 doroga) Парк бабочек Екатеринбург - Огромные жуки за стеклом (24.06.2016 doroga) Парк бабочек Екатеринбург - Живые бабочки (24.06.2016 doroga) Парк бабочек Екатеринбург - Черепахи в пруду (24.06.2016 doroga) Парк бабочек Екатеринбург - Кажется, тритон (24.06.2016 doroga) Парк бабочек Екатеринбург - Золотые рыбки
Альбом в Контакте
«24.06.16 Парк бабочек Екатеринбург»

         Не знаю как там Сашке и Алене, а мне этот парк очень даже понравился. Да, это не парк бабочек в Тайланде (хотя, пауков там было явно больше) но и тут есть чем заняться с ребенком и что посмотреть. А во втором помещении у них вообще - контактный зоопарк с козами, кроликами, морскими свинками и даже дикообразом. Но вот именно его я бы руками не трогал.
         Птички, рыбки, разные мелкие зверушки. Симпатичные загончики и другие милые детали. В общем, один раз сходить точно стоит. Только, думаю, ребенок должен быть чуть старше нашего. Тогда это будет еще интереснее.



       

         Это получилось немного внезапно, но вдруг привезли профлист для крыши и пришлось срочно ее перекрывать.

(19.06.2016 blogger) Перекрыли крышу - На доме в деревне

         Точнее, у тещи приехали гостить родственники. И было кому помогать разбирать и снимать старую черепицу и поднимать новые листы на крышу. А я уж за это время стал подумывать, что придется самому справляться... но тут правда очень много работы. И нужны минимум еще одни свободные руки.
         Единственная неприятность вышла с самим заказом. Брали все без меня, хоть и по моим размерам. И сумма получилась что-то очень приличной. Да и саморезов нагрузили лишние пару коробок. А вот самих железных листов хватает впритык. Ну ладно, буду знать, что даже такое дело нужно контролировать. :)
         В общем, справились за два дня, часов по 10 работы. Даже веревку с лестницей практически не использовали. Первый день листы крепил Андрей, а второй - Стас. Он легкий. И на новой крыше практически не скользит. Хотя, я тоже крепил их оба дня, но так далеко не лазил.
         Ну и чтобы уж совсем усложнить себе задачу, использовали два рулона гидроизоляции, которая осталась от сайдинга. Ну и разобрали одну печную трубу, а вторую печку вообще убрали. Хотя, это делалось еще без меня.
         В общем, отличный вышел отдых от работы. На целых два дня. Только я теперь по лесенкам едва ползаю. Очень уж ноги устали. И на высоту больше не хочу что-то.



       

         100 / 100 Удобство для пользователей - Google PageSpeed Insights

(09.06.2016 blogger) 100 / 100 Удобство для пользователей - PageSpeed Insights

         Так как об этом иногда спрашивают, я решил потратить немного времени и написать про разные варианты реализации мобильной версии сайта. Думаю, это довольно интересно.

         1) Это мобильная версия на субдомене. В принципе, это будет отдельным сайтом. И он может быть как привязан к основному сайту, так и иметь собственное наполнение (что, думаю, не рекомендуется ни одним поисковиком и пользователями).
         Мне самому данный вариант не очень нравится. Для начала, нужно правильно прописать rel="alternate" и настроить переадресацию .htaccess. А уж один разбор юзерагентов устройств - дорогого стоит. Например, у меня планшет на Андроиде, но с экраном 12 дюймов. Глупо показывать ему мобильную версию. Да и часто происходит так, что все это дело, основанное на плагинах или чужих скриптах, внезапно перестает работать. Например, так было при выходе нового браузера Edge от Майкрософта.
         Потом, я не доверяю фокусам поисковиков. Они регулярно «косячат». Слышал уже, что Яндекс может считать субдомен мобильной версии - дублем основного сайта. А я такого точно не хочу.

         2) Адаптивный дизайн - сайт подстраивается под разрешение и размер экрана. Он доступен по одному URL для всех типов устройств. Если уж совсем просто, то мы прописываем стили под конкретные размеры экрана при помощи медиа запросов. Например, вот так будут указаны стили для экранов ниже 775px: @media screen and (max-width: 700px) { }
         Единственный «минус» - эти же стили будут срабатывать и при уменьшении ширины окна браузера. Хотя, я не могу придумать ни одной причины, почему это должно хоть кому-то помешать. А вот проверять адаптивную версию становится намного проще. И если вы еще сомневаетесь, то (по статистике liveinternet) большинство людей сейчас использует мониторы больше 1024 пикселей шириной.

         3) Динамическая верстка страниц - это загрузка разных шаблонов для разных типов устройств. Яндекс уточняет: «Для просмотра с разных мобильных устройств сервер отправляет в ответ на запрос одного URL различные варианты кода HTML и CSS».
         И мы опять упираемся в определение устройства. Да и все эти версии кто-то должен «нарисовать». И сделать это правильно. Не думаю, что сделать 2 - 3 динамических шаблона проще, чем один адаптивный.



       

         Не так давно я зашел в аккаунт Google Adsense и увидел там объявление о новом формате мобильной рекламы. Было всего два варианта и всего один код.
         Я решил добавить этот код на все страницы:

(25.05.2016 blogger) Объявления уровня страницы - Мобильная реклама от Гугл Адсенс

         Тут есть как фиксированные объявления (в нижней части страницы) так и заставки при смене страницы. Да и показывается эта реклама не всем посетителям, а выборочно.
         Думаю, стоит попробовать. Хотя, пока на 30 показов - что-то никто еще не кликнул. Например, на 10 показов поиска - 1 клик уже есть.

         Раз уж я вспомнил тут про поиск. В общем, он у меня теперь на всех сайтах - через Гугл. Это я немножко «психанул» из-за отключения Яндексом рекламы в поиске по сайту. Да, она там была мне не очень нужна. Да и работала только на двух сайтах... но не приятно.
         Возможно, я потом создам отдельную страницу для поиска, как рекомендует Яндекс. Но пока - откровенно некогда этим заниматься.

         Домохозяйство
         Ну и чтобы дважды не отвлекаться, раз уж вспомнил про дела... Ближайшую неделю я тут «домохозяйствую». Жену забрали на сохранение. На мне ребенок (1,5 года) и собака с кошками. В общем, все довольно весело. Справляюсь я, кажется, неплохо, но времени абсолютно нет. Чувствую, скоро стану просто мастером отговорок «почему задерживаюсь с работой».
         Хотя, больше жалко Сашку. Вроде и понимаю, что даже на обычное кормление уходит часа 4 в день, но хочется еще и поводиться немного. И погулять с ним - тоже хочется. Но - тоже некогда. Эх.



       

         Сегодня хотел затронуть довольно любопытную для меня тему. Это влияние адаптивного дизайна на количество посетителей. Тема любопытна еще и тем, что заказчики говорят о ней мало, а статистику присылают - еще реже. Хотя, этот пункт (про наличие мобильной версии) встречается во множестве аудитов сайтов.
         Но начать я хочу немного с другого. Началось все с нескольких постов на форуме Серча, где люди отмечали, что потратили кучу времени на ускорение сайта и выполнение рекомендаций по Google PageSpeed Insights, но никаких изменений в выдаче не произошло.
         Тут напрашивается вывод, что сама скорость загрузки - не самый сильный фактор ранжирования, если он вообще учитывается Гуглом. Но ведь есть еще и «поведенческие факторы». И «юзабилити» (удобство для пользователя). И там все довольно логично. Если сайт грузится дольше 5 секунд, начинает расти процент «отказов». Посетитель просто устает ждать и закрывает страницу.
         Я отлично прочувствовал это на себе, намучавшись как-то в поездке со своим же сайтом, заметку на который нужно было добавить с телефона. Постоянная боковая прокрутка и увеличение - не самые удобные в мире вещи. Заказать адаптивный дизайн тогда было просто нельзя. А какие-то популярные шаблоны на мой табличный самопис вообще не подойдут... впрочем, я отвлекся от темы.

         Сегодня прислали любопытную статистику по количеству отказов на посетителя и длительности просмотров. Сайт был переделан буквально на днях. Адрес написать тут не могу, так как тематика взрослая.

(03.05.2016 blogger) Влияние адаптивного дизайна на количество отказов - На сайте взрослой тематики

         По словам заказчика, люди стали просматривать сайт дольше, а отказов стало меньше. Даже интересно - сохранится ли подобная динамика в дальнейшем? Сам же Гугл прямым текстом обещал, что в мобильном поиске мобильные сайты будет показывать выше обычных. По крайней мере, пометка о «мобильности» содержимого там есть уже давно. Да и Яндекс в новом Вебмастере тоже выдает ошибки, если сайт не адаптивный.
         А я просто продолжаю надеяться, что статистики по этому вопросу будет больше.