SEO 73: дневник вебмастера » Верстка https://seo73.ru Автономный блог вебмастера [m.k] из Ульяновска Fri, 15 Jul 2022 18:49:06 +0000 en-US hourly 1 http://wordpress.org/?v=4.2.10 Надо делать редизайн блога https://seo73.ru/2018/09/30/nado-delat-redizajjn-bloga/ https://seo73.ru/2018/09/30/nado-delat-redizajjn-bloga/#comments Sun, 30 Sep 2018 19:51:47 +0000 http://seo73.ru/?p=2389 Блин, шаблон морально устарел – картинки можно заменить CSS, потому что тех древних браузеров почти не осталось, Ubuntu на компе, если не ошибаюсь, еще 8.1, да и вообще десктопами теперь мало ко пользуется. Наличными деньгами тоже оперировать приходится нечасто.

Потом я верстал все, когда мало что умел, теперь могу сделать намного круче. А то вдруг кто-то захочет предложить работу за $100500 в месяц, во увидев исходный код страниц блога подумает: “ну его на хуй”, перекрестится и зальет монитор святой водой :) . И Ajax’а нет. В 2к18 году то! Даже если не писать ничего, все равно надо сделать, чтобы не вредить репутации.

Но дел невпроворот. Это не срочно. А несрочно, как показывает практика, = никогда. Ну пусть будет к Новому Году.

Будет Bootstap. Потому что время.

Два проекта на WordPress заполняю, причем обычно сам. С копирайтерами сложно работать (точнее, искать новых).

Короче, заебался.

Zemanta
]]> https://seo73.ru/2018/09/30/nado-delat-redizajjn-bloga/feed/ 10 Маразм крепчал: Google PageSpeed Insights несет хуйню https://seo73.ru/2017/10/25/google-pagespeed-insights-neset-fignu/ https://seo73.ru/2017/10/25/google-pagespeed-insights-neset-fignu/#comments Wed, 25 Oct 2017 17:06:19 +0000 http://seo73.ru/?p=2351 Дамы и господа, извиняюсь за мой французский, но у меня знатно пригорает! Проверяю сайт (конкурсный, там все оптимизировано по максимуму) в Google PageSpeed Insignts и он мне выдает не 100 из 100, как я ожидал, а 82 из 100 (для мобильных) и 92 из 100 (для десктопов). Как так?

Предложение по оптимизации:

Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы

Количество блокирующих ресурсов CSS на странице: 1. Они замедляют отображение контента.
CSS файл у меня один, оптимизированный и сжатый, подключаетя в <head></head> (ну как обычно).

И что они предлагают? Полностью мануал тут: https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery. Я же скопирую оттуда самый пиздец.

<html>
  <head>
    <style>
      .blue{color:blue;}
    </style>
    </head>
  <body>
    <div class="blue">
      Hello, world!
    </div>
  </body>
</html>
<link rel="stylesheet" href="small.css">

Куда они, блять, засунули link! Валидацию такая страница, естественно, не пройдет. Потом если .blue используется только на одной странице, то это ладно. А если на каждой? Тогда лучше вынести эти стили в отдельный файл. Я не пробовал, но, думаю, что этот сервис начнет ругаться и на него.

Чтобы пройти валидацию, можно добавлять link с помощью JavaScript, а link, который в head, заключить вовнутрь <noscript></nosript> (на случай, еcли в браузере не работает JS, пробовал, с HTML5 такое прокатывает). Это конечно, долбоебизм, но буду делать так. Нет, все-таки пошли они на хуй.

 

Еще предложение:

Используйте кеш браузера

Тут мой косяк, не уследил, буду исправлять. Исправил много, но сервис доёбывается до Яндекс.Метрики:

 

https://mc.yandex.ru/metrika/watch.js (60 минут).

 

Еще, наверное, буду оптимизировать бэкенд, там со скоростью и так все хорошо, но есть возможность еще ускорить.

А вообще лучше ссылки покупать, а не задротствовать над внутренней оптимизацией, она и так на высоком уровне.

Zemanta
]]> https://seo73.ru/2017/10/25/google-pagespeed-insights-neset-fignu/feed/ 1 Как получить CSS-ширину (Cordova-Phonegap) https://seo73.ru/2015/03/04/kak-poluchit-css-shirinu-cordova-phonegap/ https://seo73.ru/2015/03/04/kak-poluchit-css-shirinu-cordova-phonegap/#comments Wed, 04 Mar 2015 19:14:01 +0000 http://seo73.ru/?p=2244 Нужно было в зависимости от ширины экрана менять таблицы стилей. Все это в Cordova (Phonegap). Это такая фигня, с помощью которой можно делать кроссплатформенные приложения, зная только HTML, CSS и JavaSript.
Philips v808 для привлечения внимания)
Получаю screen.width, 480 пикселей. Все правильно, ширина экрана у меня такая. Но внутри все оказывается шире чем нужно. Ширина страницы тоже расчитана на 480 пикселей.

В чем же фигня?

Есть такой параметр как devicePixelRatio. Это отношение настоящих пикселей экрана к CSS пикселям.

Да, они не всегда равны, хоть и приложение развернуто на весь экран.

Ну точно, window.devicePixelRatio выдает 1.5. Делим ширину экрана на пиксельратио и вот CSS ширина. Исходя из этого уже и надо подключать ту или иную таблицу стилей.

Если нужна высота, ее считать можно точно так же.

Zemanta
]]> https://seo73.ru/2015/03/04/kak-poluchit-css-shirinu-cordova-phonegap/feed/ 35 Тема готова! https://seo73.ru/2009/08/25/tema-gotova/ https://seo73.ru/2009/08/25/tema-gotova/#comments Mon, 24 Aug 2009 22:52:10 +0000 http://seo73.ru/?p=574 Дизайн хотел сделать минималистичный. Однако такой, чтобы отражал сущность этого блога. По-моему все получилось.

Итак, по порядку. На заднем плане валяются купюры (рубли и доллары). А в качестве той самой изюминки, про которую я недавно говорил, выбрал компьютер. Конечно, клипарт нашел в Интернете. Но обратите внимание – на нем изображен грузящийся линукс Ubuntu (скриншот тоже нашел).

Кстати, про Убунту. Флеша на сайте нет (а если будет, то как можно меньше), а то флеш-плеер сильно загружает систему.

Навигация в сайдбаре сделана в виде трех вкладок. Реализация их, конечно, не самая лучшая, но уж какие скрипты нашел, такие и приделал.

Верстал дивами (это при том, что вообще не умею). В итоге шаблон получился валидный:

Valid XHTML 1.0 Transitional

Правда, пришлось над этим повозиться. Например, пришлось “кастрировать” плагин смайлов, написанный Жуком. Можно, конечно, было разобраться в коде, но я сделал так, как проще.

Нашлось место и значкам Твиттера и RSS. И даже свободное место осталось (на будущее).

И как-то непреднамерено внешний вид сделал напоминающей фид в feedburner. Сходство заметил случайно, нажав значок RSS.

Есть, конечно, недоработки. Например, список категорий. Пытался сделать в виде иерархии, но в Интернет-эксплорере отображалось криво. Буду думать над этой проблемой дальше.

Zemanta
]]> https://seo73.ru/2009/08/25/tema-gotova/feed/ 27 Как дешифровать закодированый футер в шаблонах WP https://seo73.ru/2008/11/05/kak-deshifrovat-zakodirovanyj-futer-v-shablonax-wp/ https://seo73.ru/2008/11/05/kak-deshifrovat-zakodirovanyj-futer-v-shablonax-wp/#comments Wed, 05 Nov 2008 17:06:03 +0000 http://seo73.ru/?p=155 Почти всегда авторы шаблонов оставляют ссылку на себя в футере. Это нормально. Но чтобы защитить эту ссылку они кодируют весь файл. Вот, например, код из footer.php какой-то темы:

<?php /* WARNING: This file is protected by copyright law. To reverse engineer or decode this file is strictly prohibited. */
$o=”QAAADSc…AAACcn”;eval(base64_decode(“JGxsbD0…xsbGxsbGwpOw==”));return;?>

А вдруг Вам нужно немного изменить футер (добавить счетчик, поставить Сапу и т.п.)? К тому же эта дешифрация – лишняя нагрузка для сервера. А проблема решается очень просто.

  1. Открываем блог с нашим шаблоном в браузере
  2. Смотрим исходный код страницы (ищем что-то наподобии <!–include footer–>; если такого нет, придется подумать или использовать “метод научного тыка”). Код лучше куда-нибудь полностью скопировать.
  3. Копируем все после найденого комментария, а если его нет, то нужную часть кода (обычно бывает до самого конца страницы)
  4. Вставляем это все в файл footer.php (или какой там) и проверяем. Кстати, рекомендую создать бэкап, а то мало ли…

Вот и все. Ничего сложного. А если не получилось, можно вернуть старый файл на место.

Diversant не дает спаммерам жить спокойно (и правильно делает), Gordin вернулся в Интернет, Madass переехал на новый хостинг, а Mult написал оду виртуализации.

Еще один участник покинул Нашу Лигу. Ну и ладно, еще есть народ.

Zemanta
]]> https://seo73.ru/2008/11/05/kak-deshifrovat-zakodirovanyj-futer-v-shablonax-wp/feed/ 16 Купил отдельный домен для блога https://seo73.ru/2008/09/05/kupil-otdelnyj-domen-dlya-bloga/ https://seo73.ru/2008/09/05/kupil-otdelnyj-domen-dlya-bloga/#comments Fri, 05 Sep 2008 18:34:36 +0000 http://seo73.ru/?p=117 Только что купил домен (пока не скажу какой). В принципе, эту информацию легко достать кое-где без особых усилий 😉 .
Так вот, сочетая рекомендации по переносу доменов для Яндекса и Гугла определил такой порядок действий:

1) Склеить старый домен с новым в Яндексе, назначив новый главным зеркалом. Для этого в файле robots.txt нужно написать строку (лучше в самом низу)

Host: novyidomen.ru

2) После склейки Яндексом поставить 301 редирект. Для этого в уже существующем файле .htacess нужно дописать 2 строчки:

rewritecond %{http_host} ^webmaster.pogreby.ru [nc]
rewriterule ^(.*)$ http://novyidomen.ru/$1 [r=301,nc]

3) Подождать.

По смыслу должны передаться все параметры (тИЦ и PR), а пользователи, переходя по уже имеющимся ссылкам будут перенаправляться на соответствующую страницу по новому адресу.

А еще важно не забыть исправить адрес в Фидбернере.

Новости участников Нашей Лиги: Napster переехал в Йошкар-Олу, NePoD написал подробную инструкцию, как купить ссылки в Sape (не какие ссылки и сколько, а просто пошаговая инструкция для школьнегов новичков), а Сymkin провел эксперимент с каталогами.
Кстати, никому не нужны детские товары?

Раз уж ты сюда залез, подпишись на RSS!

Zemanta
]]> https://seo73.ru/2008/09/05/kupil-otdelnyj-domen-dlya-bloga/feed/ 7 Как убрать рекламный блок, если ссылок нет https://seo73.ru/2008/08/08/kak-ubrat-reklamnyj-blok-esli-ssylok-net/ https://seo73.ru/2008/08/08/kak-ubrat-reklamnyj-blok-esli-ssylok-net/#comments Thu, 07 Aug 2008 22:19:57 +0000 http://seo73.ru/?p=82 Как сделать так, чтобы продажные ссылки не палились, я уже писал. Вот еще прочитал в блоге простого программиста как сделать так, чтобы при отсутствии проданных ссылок весь рекламный блог убирался. Оказалось, что все очень просто – нужно ссылки записать в переменную, и если эта переменная не пустая, то уже выводить блок. Просто заменяем $sape->return_links(); следующим кодом:

$a = $sape->return_links();
if (!empty ($a)) {
?>
Всякое оформление:
<?php echo $a; ?>
всякое оформление


<?php }

Как же я сам до этого не додумался! Как говорится, все гениальное просто 😉

Обзор блогосферы: Seo4ayniк думает над таким явлением, как “спаленые темы”, полотенчик выступает за nofollow и noindex,  FRiK написал легенду о темном блоггере, СЕОнуба манят PPC (Pay Per Click), а Маул устраивает конкурс копирайтеров

Zemanta
]]> https://seo73.ru/2008/08/08/kak-ubrat-reklamnyj-blok-esli-ssylok-net/feed/ 10 Сменил дизайн + получу диплом https://seo73.ru/2008/06/27/smenil-dizajn-poluchu-diplom/ https://seo73.ru/2008/06/27/smenil-dizajn-poluchu-diplom/#comments Fri, 27 Jun 2008 20:49:59 +0000 http://seo73.ru/?p=54 Поставил достаточно популярную тему WP Premium, но пришлось чуть-чуть подогнать под себя и исправить немного таблицу стилей (по-моему авторы ее не до конца доделали).

Еще сегодня получу (надеюсь) диплом о получении специальности “программное обеспечение вычислительной техники и автоматизированных систем“.

Zemanta
]]> https://seo73.ru/2008/06/27/smenil-dizajn-poluchu-diplom/feed/ 0 Открылся сайт SCI studio https://seo73.ru/2008/06/05/otkrylsya-sajt-sci-studio/ https://seo73.ru/2008/06/05/otkrylsya-sajt-sci-studio/#comments Thu, 05 Jun 2008 20:25:34 +0000 http://seo73.ru/?p=42 Открылся сайт Уже закрылся А пока просто ссылка на мой SEO блог.

Zemanta
]]> https://seo73.ru/2008/06/05/otkrylsya-sajt-sci-studio/feed/ 0 Куда спрятать “невидимый” счетчик Rambler’s TOP 100 https://seo73.ru/2008/03/10/kuda-spryatat-nevidimyj-schetchik-ramblers-top-100/ https://seo73.ru/2008/03/10/kuda-spryatat-nevidimyj-schetchik-ramblers-top-100/#comments Mon, 10 Mar 2008 18:19:44 +0000 http://seo73.ru/2008/03/10/kuda-spryatat-nevidimyj-schetchik-ramblers-top-100/ “Невидимый” счетчик все же виден пользователям в виде точки. Как же его замаскировать? Для этого можно использовать слои. Сразу после тэга <body> нужно написать:

<div style=”position: absolute; width: 1px; height: 1px; z-index: 1; left: 1px; top: 1px” >
тут идет сам код счетчика
</div>.

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

Кстати, с помощью того же CSS можно просто сделать весь div невидимым.

Zemanta
]]> https://seo73.ru/2008/03/10/kuda-spryatat-nevidimyj-schetchik-ramblers-top-100/feed/ 10