Эй! Спасибо, что решили посмотреть на тему! Осмотритесь вокруг
и подпишитесь на RSS feed чтобы узнавать обо всех обновлениях. До встречи!

Архив Июль, 2013

Привязка вашего домена на blogspot.com

Blogger является популярной платформой для ведения блогов. Это сервис от серьезной компании, принадлежащей Google. Он обладает множеством возможностей сравнимых с услугами платного хостинга:

  • неограниченный трафик
  • неплохая система управления, с которой может справиться любой начинающий блогер
  • отсутствие рекламы
  • стабильная работа
  • интеграция с другими продуктами Google: AdSense, Picasa…
  • размещение блога на собственном домене

Вот на последнем пункте остановимся поподробней. Ваш блог может иметь своё имя (mysite.ru), а не субдомен домена blogspot.com (mysite.blogspot.com). Первый вариант несет немало приемуществ:

  • адрес вашего сайта легче запомнить.
  • возможность интегрировать блог с Google Apps, который дает вам возможность завести e-mail (адрес электронной почты) с именем вашего сайта (user@myite.ru)
  • более лучшая индексация поисковиками (я имею ввиду Yandex (есть у него какая то нелюбовь к блогам на blogspot.com))

Так как же «прикрутить» свой домен к blogger… У многих вызывают трудности с настройкой пользовательского домена на blogspot.com. Но если следовать инструкции приведенной ниже то «парковка» вашего домена не вызовет не каких трудностей. Шаг за шагом (а они совсем не сложные, можно сказать достаточно простые) и ваш блог обретет своё имя.

Подробная инструкция: Ваш домен на Blogger.com.

1. Регистрация домена.

И так первый пункт: регистрация домена. Выбираете любого понравившегося региcтратора и платим ему «денюжку» за понравившееся свободное доменное имя, или же если вы любитель халявы регаете бесплатные домены третьего уровня типа net.ru, org.ru, co.cc и т.д.

Если вы выберете в качестве регистратора Reggi.Ru, то можете пропустить пункт инструкции про настройку ДНС. Для владельцев блога там есть волшебная кнопка автоматической настройкой домена для Blogger.com. При нажатии которой, DNS сервера домена настраиваются для отображения блога по этому адресу. Можете сразу переходить к третьему пункту: настройка домена на blogspot.com.

2. Настройка ДНС.

Второй пункт который вызывает много вопросов у пользователей Blogger.com решивших подключить свой домен — это настройка ДНС. Но и здесь не чего сложного. По сути дела вам нужно добавить одну запись CNAME указывающую на субдомен (это может быть www и тогда адрес вашего блога будет www.mysite.ru или любой другой, например blog и тогда адрес вашего сайта будет выглядеть как blog.mysite.ru). И еще если вы хотите чтоб ваш сайт был доступен и без приставки www, вам нужно изменить запись A и добавить еще несколько записей типа A для «голого» домена.

Настройки ДНС можно делать у регистратора (при наличии данной опции у оного (вспомним Reggi.ru с «волшебной кнопкой», смотри «скрин» выше)), также при наличии у вас хостинга можно сделать это и там, или же воспользоваться одним из бесплатных ресурсов для настройки DNS, таких как например zoneedit.com или everydns.net.

Настройки:

  • Создание CNAME-записи: в панели управления ищем ссылку управление зоной (по русски) или zone edit (eng). В формочку с названием: Aliases,Fully Qualified Domain Name и т.д. забиваем www, а во второе поле с названием: Actual Name, Record Value и т.д. прописываем ghs.google.com. Чтоб вы не запутались, делайте так в первое поле формы вписываем www, во второе поле — ghs.google.com.(обратите внимание на точку в конце( у кого-то она нужна, а где то нет)). Жмем кнопку под заполненной формой.
  • Создание записи типа A для вашего домена. Очень важный пункт, делает доступным ваш сайт и без приставки www. И так первое поле: оставляем пустым, или пишем @ или вписываем «голый» домен (без www) — mysite.ru, в зависимости от того что там уже было. Во второе вписываем IP: 216.239.32.21. И так еще три раза, первое поле везде одинаковое, а во второе каждый раз вписывая один из этих IP: 216.239.34.21, 216.239.36.21, 216.239.38.21

Вот так это должно выглядеть:

mysite.ru. IN A 216.239.32.21mysite.ru. IN A 216.239.34.21mysite.ru. IN A 216.239.36.21mysite.ru. IN A 216.239.38.21
www IN CNAME ghs.google.com.

У регистратора в панели управления прописываем DNS сервера (сервисов на которых вы проводили настройки (пример ns1.zoneedit.com и ns2.zoneedit.com)).

На этом настройки ДНС закончены, настройки вступят в силу в течении 24-48 часов.

P.S. Кстати при наличии у вас хостинга можно настроить перенаправление с «голого» домена на www.mysite.ru через .htaccess, настроив 301 редирект.

3. Привязка домена к сервису blogger.

Ну а это самое простое: вам стоит лишь войти в Blogger.com и прикрепить свой домен («Настройки»>»Публикация»>»Домен пользователя»>»Перейти к расширенным настройкам»).

Отмечаем «галочку»: переадресовать mysite.ru в www.mysite.ru.

По данным Google блог на новом домене гарантированно заработает в течение 48 часов.

17 августа 2009, 22:10

По сути alt – это краткое описание картинки, изложение словами того, что на ней изображено. В web-дизайне такие описания предусмотрены на случай, если у пользователя, просматривающего web-страницу из каких-либо соображений отключен показ графики. Интернет, предположим , дорогой. В таком случае, он всегда сможет прочитать и, в какой-то мере, представить, что на картинке изображено.

Помимо такого, сугубо «пользовательского» назначения, есть у alt и более прозаические, даже меркантильные для владельца сайта назначения. Например, в alt можно прописать ключевые слова. Если Вам не удается достигнуть нужной их плотности в самом тексте, не испортив его до нечитаемого состояния, то такое решение – более, чем оптимально.

Второй, куда более существенный плюс, — поиск по картинкам. Все современные поисковики, помимо уже стандартного поиска по сайтам, предлагают пользователям возможность искать картинки в Интернете. Естественно, что в таких случаях для формирования выдачи используется текст, прописанный в alt. И уже потом, если такового нет смотрится на околокартиночный текст. Таким простым образом, если на сайте много картинок, можно получить существенный прирост посетителей только за счет использования alt.

И еще один совет, пишите в близлежащем к картинке тексте те ключевые слова, которые будут прописаны в alt. Это ещё больше увеличит вес описания картинки в глазах поисковика.

Пост про уникализацию картинок.

5 сентября 2009, 19:14

Графические элементы на сайте – непременный атрибут хорошего дизайна, удобного юзабилити, и одна из причин возвращения на сайт посетителей. К тому же графика облегчает понимание сложного материала и не все можно передать словами. Что-то – исключительно в картинках.

Большинство картинок для сайта можно надергать в Интернете. Однако, как и текст, такая картинка будет воспринята поисковыми системами как не уникальная.

Конечно же, поисковики не умеют анализировать что именно и каким образом изображено на картинке. Но определить с определенной долей вероятности уникальная картинка или нет, они могут.

Первый критерий в анализе графики на странице – это имя файла. Если брать картинки с каких-либо сайтов, то лучше сразу же, или в момент их заливки на собственный сайт, поменять им имя, но не нужно забывать о том, что название картинки должно соответствовать её содержанию — именно название файла убеждает поисковик в том, что это именно то, что ищет пользователь. Поэтому — не забывайте присваивать название файлу и делайте его по возможности релевантным самому изображению. Это не гарантирует того, что название будет 100% уникальным и нигде более не встретится, но количество повторов сразу же уменьшится. Возможно, многократно.

Во-вторых, размеры картинки – вида «высота x ширина». Как правило, они прописываются в html-коде в качестве параметров height и weight. Но нет никаких оснований считать, что поисковики не умеют определять эти параметры и без наглядного прописывания значений размеров. Следовательно, второй шаг уникализации графики – изменение размеров картинки. С этим успешно справится любой графический редактор, например, Photoshop.

В-третьих, это так называемый вес картинки, или её размер в кб/мб. Трудно сказать, умеют ли определять все поисковики такую информацию или нет. Но технических сложностей в этом нет, следовательно, поисковые системы пользуются и такого рода информацией. Поэтому третий шаг – изменение веса картинки. Этого добиться можно только с помощью графических редакторов: изменяя цветовую палитру, разрешение и т.д.

Что же касается Google то он больше всего продвинулся в этой области. В этом году Google добавила ряд дополнительных возможностей в поиске по картинкам.

Искать картинки в Google можно по многим параметрам таким например как:

  • размер: можно указать не только традиционные параметры «большие», «средние», «маленькие», но и новые возможности, как поиск картинки размерами под разрешение вашего экрана или с заданными вами размерами (высота x ширина);
  • тип изображения: фото, лица, новостной контент, clip art, иконки, групповые фото, пейзажи, чертежи – список этих параметров зависит от запроса;
  • цвет: можно выбрать поиск черно-белых или цветных изображений, а также изображений с преобладанием определенного цвета ( поиск осуществляется по 12 различным цветам: black, blue, brown, gray, green, orange, pink, purple, red, teal, white, yellow)).

Оптимизация изображений является одним из самых перспективных направлений — но, к сожалению, не все заостряют свое внимание на этой дополнительной возможности еще больше продвинуть свой ресурс. Как известно, релевантные изображения включаются даже в обычный результат поиска (в виде дополнительного результата который будет вести прямиком на ваш ресурс).

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

Разумеется, все эти рекомендации не относятся к графическим элементам дизайна – уголки, кнопки и прочее.

Все остальные картинки на сайте: графики, схемы, фотографии, представляющие ценность не только как элемент дизайна, но и самостоятельную ценность для пользователя – должны подвергаться подобной трансформации.

P.S. На последок проверьте ваш robots.txt — есть ли свободный доступ к папке с изображениями. Внимание блогеры на WP часто в robots.txt на папку wp_content (где хранятся ваши рисунки) стоит disallow. Владельцы блогов на Blogspot: зайдите в свой Веб-альбомы Picasa и в настройках измените информацию об альбоме на открытый альбом.

24 августа 2009, 20:52

Аудит блога Ленара Амирханова

В прошлом посте я разобрал по полочкам оформление и ошибки верстки блога перфекционистки. Аудит Лениного сайта меня так увлек (уж очень много было ошибок), что я решил отаудить еще какой-нибудь сайт.

Есть такая подветка на форуме Maula — «оценка блогов», где блоггеры просят оценить их творения. В этом списке попадаются сайты как авторитетных блоггеров (таких, как Терехов, Ольга Иванова, Ленар Амирханов), так и новичков. Если у известных блоггеров с дизайном всё в порядке, то новичкам иногда требуется помощь… Хотя и у «старичков» бывают ошибки в коде и недочёты в оформлении сайта.

И сегодня проведу аудит блога Амирханова Ленара, который является не новичком в блогосфере, о чем говорит количество читателей (более полутора тысячи подписчиков на сегодняшний день), одним из которых являюсь я. Хоть Ленар и продвинутый «мастер слова», но вот, наверное, корректно подправить код собственного сайта у него не получилось. Буду рад, если автор сайта «Я в блоге» прислушается к моим советам и исправит, хотя бы основные ошибки. Ну, что ж, пациент на столе, начнем препарировать.

1. Поверхностный осмотр.

Для внешнего обрамления своих постов Ленар выбрал простенький трёхколонночный шаблон в стили «minimа». Со временем он оброс некоторым количеством баннеров (куда уж без них), которые не всегда благоприятно сказываются на общую «картинку» сайта.

Из всех баннеров «в тему» оказалась только флешка от Stimul Cash. Белая основа баннера сливается с background блога. Конечно, от всей рекламы не избавиться, но я бы посоветовал убрать баннеры для привлечения рефералов в сайдбаре и заменить их на правильно настроенную «колонну» контекстных объявлений. Они и смотрелись бы лучше, и, возможно, отдачи от них было бы больше… Не думаю, что серфер, даже впервые попавший на сайт, но уже с глазом «замыленным» одинаковыми баннерами Блогуна и т.д., решит случайно кликнуть на «интересную картинку» и стать одним из рефов, которые приносят вам пассивный доход. Моё мнение, если человек и идёт к Вам рефералы, то он ждёт от Вас какой-нибудь помощи. И поэтому для реферальских ссылок лучше выделить страничку, а ссылку на неё разместить в верхний nav-bar.

Черная подложка в шапке не подходит к минималистическому, я бы даже сказал «газетному» стилю сайта. Лого с оранжевым градиентом полностью выбивается из цветовой палитры шаблона. Ну а читая описание блога в логотипе, я как будто оказался в 90 годах, когда еще не работало сглаживание шрифтов (текст в посте выглядит лучше чем в лого).

Шрифт заголовков в сайдбаре можно было бы увеличить на 2px.

Для выделения записи «Понравилась статья? Тут все такие! Только не забудь подписаться на RSS!» применены аж 23 нижних подчеркивания, если в ЖЖ это нормально то на standalone блоге не позволительно.

Копирайт в футере должен быть на все записи, а не только за 2008 год, то есть должно быть так © 2008 — 2009. Последняя дата должна формироваться автоматически. Копирайт должен указывать в этом случае на личность автора (Ф.И.О.), в крайнем случае на никнейм, но ни как не на сайт (исключение может составлять зарегистрированная марка).

Что ж, перейдём от «общей картинки» к частностям.

2. То, что скрывается за окном браузера.

Если донорский шаблон Modern Рaper на 100 % валиден, то даже небольшие изменения в коде шаблона, проведенные Ленаром, заставляют валидатор 167 раз покраснеть от стыда, столько он показывает ошибок… Ай-яй-яй зачем же так подставлять Alex Volkov который указан в футере как редизайнер шаблона. Не думаю что это он допустил ошибки перечисленные ниже:

Банер от Stimul Cash умудрились запихнуть в HEAD, от чего он категорически не хочет отображаться в браузере от Майкрософт.

Гугл-аналитик зачем то прописали между тегами и , хотя он сам советует размещать его в самом конце, перед закрывающем тегом .

Большое разнообразие мета-тегов: name="language" content="en, sv" разве у вас блог на английском, верификация от Яндекса вообще находися не в HEAD, две меты-description одна заполнена плагином, другая пустая.

P.S.Поисковики стали стали намного продвинутей чем ранее и уже менее всего обращают внимание на теги придуманные специально для них. Google полностью игнорирует метатэг Keywords, а тэг Description используется только для построения сниппетов. Яндекс поступает аналогичным образом.

 

Для загрузки таблицы стилей style.css желательно использовать LINK, а не @import, во первых и запись короче, во вторых не нарушается порядок загрузки файлов (при использовании @import вначале загружаются скрипты, а потом стили). Поэтому проще и безопасней и использовать LINK.

HEAD распух на несколько килобайт, причины тому перечислены выше: это и банер, и лишние мета-теги, а еще до «полной кучи» подключили LINK на все месячные архивы начиная со времени ведения блога (тоесть каждый месяц добавляется один LINK в HEAD). Плюс дополнительная нагрузка на WordPress. Для чего это было сделано не пойму, если для поисковиков то для них есть sitemap.xml.

Отсутствие robots.txt и sitemap.xml еще один «камень в огород»… Зачем же так игнорировать поисковики.

Если уж не доходят руки до изменения стандартной favicon или она полностью вас устраивает, то я бы порекомендовал закинуть её в корень блога. Теперь даже поменяв шаблон на новый, в котором не прописан LINK на фавикон, браузер подцепит её автоматом из корневого каталога.

/* Theme Name: Modernpaper Theme URL: http://themes.performancing.com Description: Modernpaper 1.0 - 
современная тема для WordPress. Author: Performancing Author URI: http://performancing.com Version: 1.0 */

Использование кириллицы в style.css может сыграть злую шутку с вашим шаблоном, еще совсем не давно некоторые браузеры переставали читать файл с кириллического символа…

Применение инлайновых стилей () и не закрытых тегов (
) — еще она ошибка для XHTML.

Если использование в заголовке статьи тега H1 на странице поста оправдано, то семь тегов H1 на главной странице семантически не правильно (для этого лучше использовать H2-H3).

Правый сайдбар (r_sidebar) выпал из дива (content), из-за этого исчезло оформление заголовков. Опять же в заголовках сайдбара использованы теги H2 (великовато для заголовков сайдбара).

В таблице CSS есть айди которых нет в шаблоне (наверное у автора шаблона существует какая то заготовка для все шаблонов).

24 сентября 2009, 19:06