388x60 Ads

Google Code и оптимизация шаблона Blogger

8marta

Добрый день, уважаемые читатели блога БЛОGГЕР!

Поздравляю читательниц моего блога и вообще всех женщин с 8 Марта! Желаю вам хорошего настроения. Поскольку блог мой имеет какое то отношение к продвижению сайтов и блогов, я решил вам подарить тематическую жирную ссылку:


Модный форум Dress-Code.com.ua


Яндекс тИЦ (CY) - 275
Google PageRank (PR) - 5
Яндекс Каталог - Мода и красота
DMOZ.org - Мода » Журналы.

Добавьте ссылку на ваш блог (сайт, форум) в профиль этого форума и желательно оставьте там хоть одно сообщение. Через какое то время в вашей панеле ЯндексВебмастер радостно засветится обратная ссылка с этого ресурса.

Все мы знаем, что по большей части шаблон блога на Blogger функционирует благодаря внешним JS кодам и прочим сервисам Google.

Так же многие из нас совершенствуют шаблон своего блога добавляя в него все новые коды CSS, Java Script, jQuery и т.д.

В свое время я решил вынести дополнительные коды CSS, которые размещаются между тегами <b:skin>]]></b:skin>, и самые громоздкие коды Java Script на внешний хостинг.

Мой коллега aldous тогда критично высказался по поводу этого решения, но вскоре и сам решился проделать тоже самое и написал по этому поводу отличную статью Оптимизация шаблона Blogger.

По началу для размещения внешней CSS и кодов Java Script я выбрал один из довольно неплохих бесплатных хостингов, но мой коллега aldous, как в вводу глядел - в один день этот хостинг на время "лег" и блог остался без стиля.

Я быстро перенес файлы  CSS и кодов Java Script на свой народный сайт и пока доволен взаимодействием внешних файлов с шаблоном моего блога.

Но Яндекс с его народными сайтами меня тоже подвел - он передал их Укозу. У меня была задумка создать блог на wordpress и я нашел дешевый хостинг wordpress. При этом, должен сказать это быстрый и профессиональный хостинг. Вот на него я и перенес внешний CSS для блога.

Таким образом, для ускорения работы вашего блога и оптимизации его шаблона, рекомендую вам вынести коды CSS, находящиеся в между тегами <b:skin>]]></b:skin>, во внешний файл, сжать его, залить на внешний хостинг. Что касается выноса кодов CSS, которые находятся в виджетах (гаджетах) шаблона, то я их не выносил во внешний файл. Так же можно поступить с Java Script. Можно объединить самые крупные коды в один файл и залить их на внешний хостинг.

Для подключения внешней CSS и кодов Java Script войдите в панель управления, вкладка Дизайн - Изменить HTML. Прежде, чем что либо менять в шаблоне, обязательно сделайте бэкап!

Добавьте ваш внешний файл где то перед тегом <b:skin>, желательно в группу  link - файлов.

Выглядит это следующим образом:
<link href='http://slavavar.narod2.ru/pro100blogger/pro100blogger.css' rel='stylesheet' type='text/css'/>

Теперь, собственно, о сервисе Google Code. Это бесплатный хостинг от  Google на котором вы можете бесплатно хранить до 4 ГБ информации. Причем хранить там можно JavaScript, CSS, jQuery, PHP, Flash и т.п.

Для начала нужно создать проект, например дать ему имя домена вашего блога (поле - "Project name").

В поле "Project summary" я ввел краткое описание проекта, а именно "Blog about Blogger".

"Description" - в этом поле я ввел более конкретное описание: "Хранилище скриптов и кодов для блога БЛОGГЕР".

В поле "Version control system" рекомендую выбрать Mercurial.

В поле "Source code license" вам предложат выбрать бесплатную лицензию, выбрал - MIT license.

Что касается поля "Project label(s)"- то тут нужно указать ярлыки которые  соответствуют вашему проекту.

После того, как вы заполнили предыдущие поля, нажимаем ссылку "Create Project".

Дальнейшие действия точно такие же как в любом Download - менеджере сайта.

Нажмите ссылку "Downloads" ("Загрузить") -  "New Download" ("Новая загрузка").

Теперь нужно выбрать файл для загрузки и собственно загрузить его ("Submit file").

В результате у вас появится возможность сохранить файл на диск или получить прямую ссылку.

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

Я решил протестировать  Google Code, залил на хостинг CSS файл, вставил полученную прямую ссылку в шаблон, но на мое удивление шаблон стал отражаться не корректно.

По этому я пока решил оставить все внешние файлы, подключенные к шаблону, на народном сайте.

Хотелось бы услышать ваше мнение и опыт использования сервиса Google Code.

Да, совсем забыл. Зайдите в ваш профиль ("Profile") на  Google Code, ввойдите во вкладки "Настройки" ("Settings"). В самом низу страницы есть весьма занимательное поле
"User information - Homepage (my website, blog or Google Profile)". Добавляем туда ссылку на свой блог, сохраняем изменения. Возвращаемся на страницу "Мой профиль" ("My Profile"), копируете с браузера ссылку на эту страницу и добавляете ее в аддурилку Яндекса и  Google. Получим ли мы в итоге обратную ссылку от Google пока не знаю, но все может быть.



Подпишитесь В закладки НапечататьPrint Friendly and PDF


Вячеслав Вареня
Статус: seo-специалист | Контакты


7 коммент.:

http://j-promo.com/ комментирует... [Ответить]

Кстати хороший вариант вынести js файл на внешку. Обязательно попробую, причем Яндекс и Гугл положительно относятся к быстрой загрузке сайта. Спасибо.

Вадим комментирует... [Ответить]

Спасибо за идею! Долговато грузится блог с пятью javascript.Буду выносить джавы на внешний по Вашим рекомендациям.
С уважением, Вадим.

aldous комментирует... [Ответить]

Джавы надо объединять в 1-2 файла. За исключением "глобальных" библиотек, типа jquery, mootools и т.д.

Анонимный комментирует... [Ответить]

Файлы с Яндекс Народа переехали на Яндекс Диск. А ссылки с Диска в шаблоне Блоггера не читаются. Или вставлял криво.

Вячеслав Вареня комментирует... [Ответить]

@Анонимный

Давно этим не занимался. Но если глянуть исходный код блога http://t-seoforpeople.blogspot.com/ то в его CSS присутствуют ссылки на народный сайт. По идее и весь CSS тоже должен работать, если его вынести во внеший файл именно народного САЙТА.

Павел Рудаков комментирует... [Ответить]

Нашел прекрасный бесплатный сервис для размещения файлов JS и CSS, с возможностью минимизации и предоставлением бесплатных ссылок! Адрес: http://dirlink.ru/ Рекомендую!

Сайхан Сосланбеков комментирует... [Ответить]

Здравствуйте, на данный момент google code больше не работает, может есть какой-то другой сервис?

Отправить комментарий