SEOCAFEинфошность. Москва. Конкурс на продвижение.

Приветствую всех посетителей блога. Вы знаете что такое SEOCAFEинфошность? нет? Честно, сам не в курсе, что может состоять из слов seo, café и инфошность. :)
На самом деле это шутка, а этот пост написан специально для форума seocafe.info . Думаю, теперь понятно, почему выбрано такое необычное слово для продвижения внутренней страницы сайта.
Давайте вкратце о конкурсе «SEOCAFEинфошность» дабы ввести Вас в курс происходящего:

Суть конкурса от seocafe:

Продвинуть внутреннюю страницу сайта по запросу

“SEOCAFEинфошность”

в московской выдаче Google.ru (!)

Длительность конкурса:
До 31,03,2012 года, поэтому это не может не радовать :)

Призовой фонд – самое интересное :)32565 wmr
1 место – 12765 wmr;
2 место – 5000 wmr;
3 место – 3000 wmr;
4-7 место – по 1000 wmr = 4000 wmr;
8-33 место – по 300 wmr каждому участнику = 7800 wmr;

SEOCAFEинфошность логотип или правильнее сеокафеинфошность

К чему я все это?
К тому, что seocafeinfo предлагает неплохо подзаработать. Согласитесь первые 33 места призовых (!) совсем неплохо. Ведь согласитесь, заработок в интернете всегда манит людей к себе, как легкая нажива :) Поэтому, каждый из Вас освоив азы, попрактиковавшись  в веб-разработке, продвижении сайта, может принять участие для оттачивания мастерства и/или получении денежной премии. Думаю, такие конкурсы для новичков это время пробовать себя, экспериментировать, сделать анализ и вывод своих действий.

Но в погоне за деньгами важно:

– не терять голову :)
– распланировать продвижение (т.е. придумать план)
– начать выполнение по пунктам
– изменять и дополнять операции, следить за тем, что лучше повлияло на выдачу и т.д.
– делать постоянный анализ
Думаю, следуя таким (казалось) простым пунктам можно добиться всего ;).

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

Денежное дерево на удачу. Все по фэн-шую ;)

денежное дерево на удачу московского запроса SEOCAFEинфошность

Хочу сказать, что меня привлекло больше не деньги, а сам азарт поучаствовать: как далеко я смогу пробиться в московскую выдачу google.ru, ведь казахстанскому блогу, однозначно сложней попасть в топ российской выдаче. (если в google.kz я нет, нет появляюсь на 1 странице, то в google.ru проблемки) Но думаю тем интересней будет. Будет отходить от регионального продвижения в сторону больших денег :))

Надеюсь, SEOCAFEинфошность принесет мне удачи и прибыль.

Кстати, пока не забыл:

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

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

Это я! Надеюсь принести приз от SEOCAFE домой :)

SEOCAFEинфошность конкурс на продвижение

Теперь как можно помочь в продвижении запроса SEOCAFEинфошность?

– ретвит поста (самое малое, что Вы можете сделать)

- ссылку на данный пост с анкором «SEOCAFEинфошность» (потом можно будет удалить ее ;) )

– также большая просьба всем поставить +1 от google, думаю это будет действительно + в продвижении ;) проверим теорию на практике.
– отписаться в комментариях о слове сеокафеинфошность и что же это значит, как Вы думаете?
– просто отписаться и поддержать меня морально ;) за это отдельное спасибо))

Спасибо, всем кто меня поддерживает, надеюсь на удачу и свои знания.

UPD: Думаю, никто не обидеться, на время убрал ссылки с комментариев с данной страницы. Надеюсь поймете  ;) . Ссылки с комментаторов убрал только на данной странице.
с/у УтБ

На десерт сегодня скороговорка от Светлакова, надеюсь попасть в топ-33 будет проще :)

Урок 6. Кодировка файлов: настройка Notepad++, PhpDesigner, PSpad, Rapid PHP

Как всегда приветствую Вас, ищущего полезную информацию по верстке сайтов. Сегодня мы поговорим о кодировке файлов. Данную тему важно запомнить один раз и больше к ней не возвращаться. Сегодня мы будем говорить о том,  как сохранить файл в кодировке utf-8, почему необходимо использовать utf-8?

Что же такое юникод, utf-8, преимущества и минусы можно почитать на Wikipedia, так и на других сайтах, например, мне понравилась статья Дмитрия, в ней интересно описано откуда и почему появились кодировки ASCII, юникод и UTF 8, расширенная ASCII (Windows 1251, CP866, KOI8-R).

Давайте, перейдем к нашей теме и начнем разбираться с проблемами во время нашей верстки сайта.

Основной проблемой неправильной кодировки это отображение текста как кроказябли, непонятные символы и т.д.  Так же в кодировке window-1251 отсутствуют специальные символы (что-то типа копирайтов §, ©, ‰) и другие пинтограммы (♥, ☺).

Все это от того, что в cp1251, например, всего 256 символов (что в принципе достаточно для кирилицы), а в Unicode более 100 000 символов. Поэтому я советую создавать html каркас (как html верстальщик) и вообще сайты с кодировкой utf-8. Вы скажите мне достаточно window-1251, так как я использую кириллицу. Полностью согласен с Вами, но если Вы захотите использовать специальные символы, или сделать мультиязычный сайт? Ну, а в связи с тем, что я верстаю для Казахстана, то кодировки cp1251 изначально не подходит, так как обычно используется казахский, русский и английский языки. Лучше запостись символами ;) .

Как сохранить файл в кодировке utf-8 без BOM? (utf-8 without BOM)
Именно так и надо сохранять без BOM (Byte Order Mark или— сигнатура – три символа, которые все портят).
Не все программы способны сохранять файлы в кодировке utf-8 без BOM. Яркий пример – Блокнот от Windows.

Программа Notepad++

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

Откройте файл и выберите преобразовать в utf-8 без BOM.
кодировка utf-8 в программе notepad++

Если нажмете кодировать в utf-8 без BOM, то произойдет следующее.

кодировка utf-8 в программе notepad++

Если сомневаетесь и, чтобы не рисковать всегда делайте backup – резервное копирование!

Программа PhpDesigner

PhpDesigner – удобный редактор. Программа платная.

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

1.    Откройте выпадающее меню: Создать новый файл -> Изменить шаблон (Edit template) либо Файл -> Новый… -> Edit templates

phpDesigner 7 кодировка utf-8 изменить шаблон html
2.    Выберите Html и вставьте туда следующий код и поставьте галочку на «Использовать данный шаблон для HTML/XHTML»  (Use this template for HTML/XHTML):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Документ Без Имени</title>
</head>
<body>
</body>
</html>

phpDesigner 7 кодировка utf-8

Установка кодировки:
– Пройдите: Инструменты -> Установки (или вызовите через CTRL + E) и выставите соответствующую кодировку.

phpDesigner 7 решение проблемы с кодировкой utf-8
Для преобразования отдельного файла используйте:
Файл -> Кодировка файла -> utf-8

phpDesigner 7 как установить кодировка utf-8
Текущую кодировку можно увидеть в нижней части программы слева.

phpDesigner 7 изменить кодировку в шаблоне файла
Можно, конечно, пойти другим путем. Создать файл, после открыть файл в Notepad++ и сделать соответствующие настройки.

Программа PSpad

Pspad - еще один неплохой текстовый редактор. Кстати, полностью бесплатный. Функций больше чем у Notepad++.
Поменять кодировку текущего файла в Pspad очень просто: Вкладка Формат -> Выбрать необходимую кодировку (например, utf-8)
Pspad проблема с кодировкой

Кодировка для браузеров по умолчанию:
Создать новый файл (Ctrl + N) -> Из шаблона -> Html ->  Html 4.01 Transitional -> Правка…

Pspad как поменять кодировку на utf-8

В charset впишите необходимую кодировку, например:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html lang="cs">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <meta name="generator" content="PSPad editor, www.pspad.com">
 <title>Untitled</title>
 </head>
 <body>

</body>
 </html>

Сохраните и закройте шаблон.
Теперь, создавая новый файл из шаблона все будет готово.

Программа Rapid PHP (2010)

Rapid PHP – платный текстовый редактор.
Для настройки кодировки сделайте следующее:

Опции -> Настройки… -> Файл -> utf-8 без BOM (либо другая кодировка)

Rapi PHP настройки кодировки html файла utf-8

По умолчанию файл html создается без meta данных. Вставить кодировку (charset) для браузеров можно так:
Вставка -> Кодировка -> Unicode (utf-8) (либо другая необходимая)

Rapi PHP настройки кодировки html файла

Кодировка с помощью  .htaccess

С помощью файла .htaccess можно заставить браузер отобразить нужную кодировку. Не советую пользоваться данным методом на работающих сайтах (я обычно использую только для html на локалке, ), но все же метод работающий. Добавьте в файл:

AddDefaultCharset utf-8

Внимание! Ваш хостинг может не поддерживать данные настройки.

Сообщение кодировки для браузеров

Как браузеры понимают, в какой кодировке Вы писали свой файл? Для этого и существует строка (мета данные):

<meta http-equiv="content-type" content="text/html; charset=utf-8">

Т.е. браузер по умолчанию «читает» страницу в кодировке utf-8. Это Вы в принципе, должны знать еще из школьной программы.

В принципе, это основные настройки. Если остались вопросы, отписывайтесь в комметариях, чтобы закрыть эту тему с кодировкой и сохранить себе нервы :) .

Надеюсь информация была полезной. Спасибо за Ваши like и ретвиты.

с/у УтБ

Постовой: Если Ваш интернет магазин не приносит доходы, то пора сделать полный  анализ интернет магазина. Хватит терять потенциальных клиентов!

На десерт сегодня вирусное видео про Светлакова. Но все же мне понравилось, обязательно надо сходить на его фильм :)

Как ускорить индексацию сайта. Rss-агрегаторы. Программа rss adder.

Приветствую всех пользователей своего блога. Сегодня продолжаем поисковики как можно скорее проиндексировать Ваш новоиспеченный сайт. Ранее мы уже говорили об ускорении индексации поисковиками с помощью Ping сервисов. Если Вы еще ее не читали, то советую прочитать. Там же Вы сможете найти актуальный список пинг сервисов, и как поддержать их актуальность.

Говоря о продвижении, я говорил о важности rss агрегаторов. Давайте, теперь перейдем от теории к практике.

Rss adder – неплохая программа для добавления Вашей rss ленты в агрегаторы. Давайте, посмотрим, как ей пользоваться и научиться быстро добавлять ленту сайта в агрегаторы. Но прежде основные преимущества:

  • Бесплатность программы
  • Создание своей базы
  • Простота использования

Взгляните на интерфейс программы, по сути, мы лишь упрощаем процесс добавления, а сама Rss adder выступает в качестве браузера со ссылками на rss ленты и необходимой информацией.

Подготовка к добавлению rss ленты.

Для начала, я надеюсь, Вы создали свою ленту сайта через сервис feedburner.com . Нет? Тогда читает статью Сервис feedburner – rss лента для сайта и возвращайтесь.

Советую, создать отдельный mail ящик. Будем его использовать при регистрации, дабы не засорять ваш основную почту. Не создавайте почту с названиями типа spam, notspam, SpAmMer и т.д.
Выпишите на отдельный файл:

  • - адрес блога (c http://)
  • - название блога
  • - адрес Rss-фида (сервиса feedburner)
  • - ключевые слова сайта
  • - описание сайта

В дальнейшим Вам еще часто понадобится такой файл ;), так что не забрасывайте его далеко.

rss-adder-программа добавления rss ленты

Заполните все соответствующие поля. И кликайте по rss-агрегаторам слева в колонке. Программа автоматически добавит необходимую информацию, а если нет, просто нажмите на кнопку Копировать и вставьте с помощью кнопки Заполнить форму, и введите Captcha. Все не так и сложно как казалось.

Возможно, не слишком быстро, но парой ручная регистрация лучше, чем автоматическая.  А данная программа направленная на облегчение ручного добавления.
Список rss-агрегаторов.

Список всех rss агрегаторов находится в файле RSSAdder.ini . Вот настройки:

[SITExx] – RSS-агрегатор, где xx – номер по порядку
url – ссылка на страницу добавления RSS-ленты
field_url – поле “URL сайта”
field_rss_url – поле “URL rss”
field_rss_name – поле “Название RSS/сайта”
field_dsc – поле “Описание сайта”
field_keys – поле “Ключевые слова”
field_email – поле “Email”
key_delimiter – разделитель ключевых слов

В архиве для скачивания программы Вы найдете 2 файла RSSAdder.ini с 82 и 50 базами.
Осталось лишь сказать, что вкладка HTML Form Viewer нужна для изучения новых агрегаторов и добавления их в Вашу базу.

Скачать Rss adder
[Download not found]

с/у УтБ

Постовой: Люблю играть в стрелялки, отличный отдых для любого возраста. А Вы все любите ирать в стрелялки онлайн ?

На десерт сегодня еще одна моя мечта :) скажите как научиться играть на гитаре также?

Как ускорить индексацию сайта. Ping сервисы.

Приветствую пользователей своего блога. Одной из важных тем для молодого/только созданного блога – это ускорение индексации его поисковиками. Одних из способов использование пинг сервисов, т.е. вы сообщаете поисковика: «Эй, я тут новости то выходят, или я обновлен проверь ;) ». Естественно результат себя долго ждать не заставит.

Давайте начнем с того, что на вордпрессе есть специальный раздел в настройках: Options – Writing – Update Services (Настройки-Написание-Сервисы обновления). Здесь Вы можете в строчку вписать пинг сервисы, которые необходимо оповещать. Пустовато? Будем исправлять ;)

На WordPress Codex есть Сервис обновлений. Рекомендую ставить его, если у Вас уже достаточно взрослый блог, и быстрая индексация Вам в принципе не к чему. (У каждого процесса есть обратная сторона, чуть позже об этом)

Также много ping сервисов можно найти в интернете по соответствующему запросу. Но проблема в том, что многие сервисы закрываются, некоторые уже неактуальны/недоступны, и т.д. Поэтому важно использовать актуальный список ping сервисов.

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

Как сделать всегда актуальный список? И исключить не работающие сервисы?
Рассказываю:
1.    Качаем по запросу «список ping сервисов». Я скачал 1163 шт.
2.    Сортируем список. Копируем весь список, например, в Excel + плагин для wordpress Ping list checker. Теперь необходимо удалить дубликаты. Сделано.Там же можно посмотреть работающие сервисы, но выдало ошибку.
3.    Чистых оказалось 239 штук. Но ведь нам нужны только работающие!
4.    Качаем программу pings. Формируем список (в строчку) в txt файл. Добавляем в программу и пингуем с фильтром:
a.    Если ошибок более 1
b.    Код последней ошибки 404
5.    Все. Получаем список. Слева выбираем все сервисы с ошибками и удаляем их. Оставшиеся сохраняем (всего у меня 182) Как вариант, можно использовать PINGXPERT после пинга все ресурсы выдавшие запрос 200 актуальны ;).
Теперь можете добавить и радоваться. Но прежде дочитайте пост до конца.
Возникающие проблемы .

Осторожно! Частый пинг Вашего сайта может оказать отрицательные последствия.

– Представьте, что Вы отредактировали 2 строки, но WordPress сообщит всем сервисам об изменениях. Обрадовавшиеся поисковики огорчатся, а когда они часто огорчаются это уже плохо :) (думаю я объяснил, что можно попасть в «черный список»). Поэтому, большое количество пинг сервисов не всегда хорошо. Думаю с возрастом их надо уменьшить до 25-50.(например, Сервис обновлений от wordpress.org)
– Еще одной проблемой является нагрузка на сервер. Вряд ли, хостинг-компания Вам скажет спасибо за «толпу» рыщущих ботов :)
Для решения некоторых проблем есть плагины для wordpress:
–     Ping List Checker проверяет совпадения и актуальность вашего списка.
–     Сbnet Ping Optimizer оптимизирует работу, так чтобы Вы не были спамером))

UPD: для Joomla CMS есть отличный плагин для ускорения индексации – BlogPing.

Для любителей софта существует несколько удобных программ:
PINGXPERT – простая и бесплатная программа для оповещения пинг-сервисов.

pingxpert programm
– “Пинговалка” – интересная и бесплатная программа с полезными возможностями для умного пингования сервисов обновлений

Скачать актуальный сервис ping-ов 18.01.2011
[Download not found]

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

ping.blogs.yandex.ru/RPC2
blogsearch.google.kz/ping/RPC2
ping.myblog.jp
rpc.pingomatic.com
rpc.twingly.com
audiorpc.weblogs.com/RPC2
blog.youdao.com/ping/RPC2
blogpeople.net/ping
geourl.org/ping
pingerati.net
pingmyblog.com
xping.pubsub.com/ping/
rpc.weblogs.com/RPC2
ping.feedburner.com
blogsearch.google.us/ping/RPC2
blogsearch.google.com/ping/RPC2
blogsearch.google.co.uk/ping/RPC2
blogpeople.net/servlet/weblogUpdates
blogsearch.google.com.ua/ping/RPC2
blogsearch.google.ru/ping/RPC2

Надеюсь, статья Вам понравилась, и оказалась полезной. Подписывайтесь на обновления, если хотите почитать новенького от меня ;) . Также буду благодарен за ретвит.

с/у УтБ

Постовой: Ищете готовые домашние задания? А на online-сервисе “Кто решит” можно гдз скачать бесплатно

На десерт сегодня кричащая репортерша. Интересно сколько раз она там каталась?=)

Css верстка: вопрос – ответ

Приветствую пользователей своего блога, любителей создавать, оптимизировать и продвигать свои сайты, порталы, форумы и т. д. :)
Сегодня я отвечу на несколько постоянно задаваемых вопросов по верстке связанные в основном с каскадными таблицами, т. е. с css. А также небольшой опрос в конце поста.

Вопрос №1. Как центрировать сайт?

Если бы внимательно читали мои уроки по верстке, (продолжение обязательно будет) то вопрос сам бы собой отпал.

И так, создавай сайт мы создаем некий каркас. Обычно его называют #wrapper , #wrap и т. д. Блок идет обычно после тега body (тут все зависит от сложности сайта). В css файл прописываем ширину и внешние отступы:

#wrapper {
 width:1024px;
 margin:0px auto;
 }

Все ок. Ваш сайт будет центрирован.

Вопрос №2. Как зафиксировать фоновую картинку ?

Тут все проще чем кажется. Надо вначале определить блок, в который мы поместим наше изображение. Например, #main, а можно и в сам тег body. Css код выглядеть будет так:

 body {
 background: url(images/vasha_kartinkaa.jpg) fixed 0 0 no-repeat;
 }

Теперь фон будет стоять на месте, а контент прокручиваться.

Вопрос №3. Как уменьшить css файл?

Вопрос очень интересен. Что может сделать html верстальщик в таком случае? Писать проще и короче. Ведь чем меньше кода тем легче файл.
Можете посмотреть презентацию моих советов по html и css. Заменяйте и объединяйте селекторы, вместо:

.users {
 margin-top:5px;
 margin-bottom:10px;
 margin-right:0px;
 margin-left:0px;
 }

Лучше сделать так:

.users { margin:5px 0px 10px; }

Намного приятней удобней и короче, не так ли? Запомнить очень легко: сверху справа снизу слева, т. е. по часовой стрелке. Для свойства padding аналогично.

Также можно сжать css файл с помощью различных сервисов, но я вам особенно начинающим не рекомендую экспериментировать, т. к. затем редактировать такой файл крайне трудно.
Пройдите валидацию css, в предупреждениях Вы найдете все свои совпадения, которые проглядели. Снизу можно найти раздел Информация о корректном CSS, где Ваш css  уже исправленный ;) .

Все остальные вопросы можете также задавать в комментариях, либо отписаться мне. Не забываем кому я предоставляю бесплатные консультации. ;)

Как я ранее говорил Вам необходимо получше изучать css и html и никаких сложностей не возникнет ;)
Теперь маленький опрос:

Нужно ли Вам изучение практическое изучение css на моем блоге?

View Results

Загрузка ... Загрузка ...

с/у  УтБ

Постовой: Всем кто изучает Seo, облегчите себе жизнь, установите SEO плагин для FireFox

На десерт сегодня танцы первоклассника, не знаю как Вам, но я смеялся до слез :)

Установка WordPress на локальном сервере в картинках

Сегодня я ввожу новый вид постов на своем блоге, на подобие фотоотчета, только связанный с темой блога: верстка сайта, seo и т. д.
Сегодня поговорим об этапах установки блога на WordPress cms. Вся статья будет в картинках, то что Вы должны увидеть де-факто у себя на экране, ну и, конечно комментарии происходящего под картинкой.
Прежде чем приступить к установке wordpress на локалке, Вы должны были сделать следующее:
- Установить один из локальных серверов, например, denwer
- Для выполнения операций будет использоваться программа Total Commander – файловый менеджер, обязательная программа для веб-разработчиков. Поэтому предварительно установите программу.
- Скачайте последнюю версию вордпресса

Остальное будем делать по картинкам.

1 – Войдите в созданный виртуальный диск, у меня, например это диск Т.
2- Войдите в папку home

Total commander denwer
3 – Создайте новую папку с названием будущего сайта, например, qwerty.kz, либо другой домен. Для создания нажмите F7.

Total commander создание папки сайта

4 – Войдите в созданную папку и создайте еще одну папку с названием www.

Total commander создание папки www
5 – войдите в папку и скопируйте в нее zip/tar.g файл wordpress’a

6 – разархивируйте файл

Total commander распаковка архива WordPress

7 – войдите в ново созданную папку (wordpress) и переместите все файлы в папку www. В total comander’e делается с помощью кнопки F6 – перемещение файлов

Total comander копирование фалов вордпресс
8 – удалите лишние файлы. Выделите файлы с помощью пробела, нажмите Delete/ Shift + Del

Total comander удаление файлов
9 – запустите denwer, если был запущен, то перезапустите
10 – откройте браузер и введите localhost/tools/phpmyadmin
11 – создайте базу данных будущего сайта, у меня gtalkkzурок по шаговой установке wordpress - создание базы данных
12 – пройдите по адресу будущего сайта = название папки в п.3, у меня в примере qwerty.kz
11 – жмите Создать файл настроек

Установка wordpress на локальный сервер денвер
12 – вперед

урок установка вордпресс
13- Имя базы данных смотрите в п.11 – не забудьте ввести свое!
имя пользователя: root
сервер базы данных localhost (по умолчанию)
префикс базы данных (можете изменить, по типу wp_, например, utb_)
Нажмите отправитьуроки wordpress установка на локальном сервере
14 – Ошибка подключения к базе данных, смотрите п.11, Вы уверенны что его выполнили? Выполните его и нажмите Попробовать еще раз

уроки wordpress установка настройка
15 – Запустить установку

урок по установке wordpress

16 – Заголовок сайта – Название вашего будущего сайта
имя администратора сайта можно ввести свое, например, utb
mail можно любой, затем поменять
галочка для индексации, можно проигнорировать, изменить затем в настройках

установка блога на денвер настройка параметров
17- И я Вас поздравляю ;)

урок по вордпресс завершение установки
18 – Войдите на сайт

вход на блог
19 – backend блога на wordpress? Административный раздел

backend блога на wordpress 3.3.1
20- Еще один из миллионов других – блог на wordpress.

еще один сайт на wordpress

Вопросы можете задавать в комментариях, не забывайте написать номер пункта с картинкой ;)

с/у УтБ

Постовой: Если хотите купить квартиру в Котельниках, то данный сервис то, что Вы искали.

На десерт сегодня танец, который почему то приписывают казахам как народны/национальны :) на самом деле это не так. В общем, подарок на 20-летие независимости Казахстана, от студентов, учащихся в Канаде…

Итоги уходящего года блога gtalk.kz

Многие блогеры пишут о своих лучших статьях за год, как бы подводя итоги выполненной работы, плюс внутренние ссылочки, и вероятность, что Вы, что-то пропустили и почитаете. На что только не пойдут seoшники, чтоб задержать Вас у себя на сайте :)

Писать про лучшие статьи я не стану: нет смысла, так как блогу нет еще года. Но надеюсь я Вас успел порадовать интересными постами. Читать дальше

Шпаргалка верстальщика часть 1 или 11 полезных ресурсов для верстки сайта

Приветствую пользователей блога gtalk.kz. Открываю новую серию статей-шпаргалок для эффективной верстки сайтов. Данные статьи можно смело добавлять в закладки, т. к. полезной информации будет оочень много (по крайней мере я надеюсь :) ). А также не забывайте поделиться с друзьями.

Сегодня я расскажу об 11 полезных сервисах, цель которых облегчить жизнь верстальщика. Думаю, Вам они понравятся, а в конце поста найдете ссылку на 38 (!) способов, как сделать закругление углов и еще пару ссылок на интересные статьи по теме.

Как всегда, сразу возьмем быка за рога и начнем :)

генератор-html-+-css-шаблона

  1. Csstemplater.com – сервис «Генератор html + css шаблонов» от Dimox’a и molodoy по праву должен быть упомянут первым в списке, так как полезность его огромна. Данный ресурс позволяет сделать заготовку будущего шаблона, выбрав определенные опции — вуаля html + css готово и при чем в дивах. Внимание! Особо полезен ленивым :) Не советую пользоваться часто новичкам, привыкнуть очень легко. Настроек немного (doctype, сайдбары, высота header’a и footer’a, resert на выбор и т. д.), но их вполне хватает на заготовку шаблона/каркаса.песочница-html-+-css
  2. Cssdesk.com – песочница для html + css. Пишите html разметку и css и смотрите как это будет выглядеть. Очень удобно, можно потренироваться с написанием кода для начинающих.
    генератор-кросс-браузерных-правил-CSS3
  3. Генератор кросс-браузерных правил/стилей CSS 3  — используйте новые возможности Css 3, а данный ресурс Вам в этом поможет.
    Прокрутите вниз до класса matrix и можете настроить повороты под себя.генератор-кросс-браузерных-правил-CSS3-для-верстки-сайтов 
  4. Еще один генератор кросс-браузерных стилей Css 3, просто выбирайте необходимые настройки и смотрите пример. Можно делать в стиле 3D.генератор-css-3
  5. Ну, чтоб уже окончательно было понятно со стиля css 3 попробуйте поюзать сайт css3generator.com. Выберите стиль из выпадающего списка и пропишите параметры, скопируйте получившийся css код и радуйтесь ;)

  6. Ищете красивые кнопки для сайта? Зачем? Для этого существуют много сервисов. Например, cssbuttongenerator.com – самоназвание говорит за себя — Генератор css кнопок. Выбирайте настройки кнопки, ее будущий внешний вид и скачайте весь необходимый стиль.
  7. А Вы знаете, как посчитать, сколько пикселей в em? А в пунктах? Не знаете?)) А верстальщику надо бы знать. Спасибо, pxtoem.gamecoll.com, который с легкостью посчитает, сколько пикселей в Ems, пунктах и т. д. Хороший конвертор.
  8. Градиент, до эпохи ccs 3 верстальщикам снилось их простое использование :). Теперь это в прошлом, ведь благодаря такому ресурсу как www.colorzilla.com/gradient-editor можно с помощью css залить градиентом определенную область, а с хорошим знанием css можно и кнопку красивую написать ;). Интересно, что генерируется код не только в формате css, но и в SCSS.css-3-градиент-для-сайта
  9. Валидность сайта важная составляющая верстки. В курсе блочная верстка с нуля, я упоминал о важности соответствия стандартам кода. Поэтому сейчас просто даю ссылки на проверку html разметки validator.w3.org/  и проверка валидности css jigsaw.w3.org/css-validatorшрифтотренажер-ресур-для-верстальщика

  10. http://ft.vremenno.net/ – шрифтотренажер. Смотрим, как будет выглядеть тот или иной шрифт на вашем сайте, подбирайте шрифт удобный для глаз. ;) Используются стандартные шрифты.
  11. Мнемоника в html — также необходима при блочной верстки сайта, например, использование знака охраны авторского права и т. д. Подробнее можно почитать и взглянуть на википедии.

Не буду Вас томить по одному сервису. Если Вам интересно, Вы можете прочитать еще о дополнительных ресурсах (полезных не только для верстки) на хабрхабр
Корректное отображение стилей css 3 для IE – css3pie.com

Бонус: А также обещанный бонус 38 способов закругления углов, очень неплохая подборка. Не изобретайте велосипед, учитесь виртуозно кататься на нем ;)

с/у УтБ

Нужно ли закрывать теги от индексирования?

Часто в просторах интернета встречаю такой вопрос: стоит ли закрывать теги/метки от индексации поисковиками? Одни говорят, конечно, стоит, так как идет дубликат контента, искусственное увеличение страниц, из-за чего можно получить бан (чаще от Яндекса); другая же часть народа в интернете говорит, что нет, мол повтора фактически нет, т. к. по тегам выводятся разные посты и только анонс и т.д. и т.п.

Многие советуют, не опираясь на факты, или на опыт. Вот отсюда и появляется все больше и больше вопросов.

А давайте теперь подумаем трезвой головой. :)

быть или не быть: индексировать метки поисковиками или нет

  1. Если у Вас 1000 меток, то ждите «подарочек» от поисковиков, :) если честно это не то, что поисковикам плохо станет, но и пользователь вряд ли обрадуется.
  2. Взгляните на топовых блогеров. Видите сколько у них меток)) А проверить закрыты ли теги от индексации самым простым способом можно: к домену добавьте /robots.txt и почитайте, что там есть. А как читать robots.txt  я писал ранее в статье Внутренняя оптимизация создание robots.txt. Предварительно посмотрите url меток: tags/metki; Читаем файл robots.txt: Disallow: /tags – закрыты теги и т. д.
  3. Используйте теги с умом: не пишите одноразовые теги, не задумываясь для чего они. По тегам пользователь ищет похожие записи: какого буде удивление, при клике на любой тег, будет 1 запись.
  4. Добавляйте теги по необходимости, не стоит сразу добавить 100 меток, а потом сидеть и выбирать из существующих, пусть рост будет естественным.
  5. Подумайте, возможно Вы сможете обойтись вообще без меток.
  6. Если у Вас отличный контент (да, да опять про уникальность контента) Вы можете спать спокойно, главное, ничего не испортить ;)

По сути, ставить индексацию, либо убирать ее дело каждого, но подытоживая можно с уверенностью сказать, что на личном (standalone) блоге, метки не стоит закрывать от индексации. У меня, например, тег Вконтакте, очень неплохие позиции набирает ;)

Ну, чтоб мне окончательно поверили, приведу примеры: Старик Глобатор http://shakin.ru/robots.txt – метки индексируют поисковики (меток 75);  Блог Димок http://blog.diimok.ru/robots.txt .- индексация разноцветным тегам открыта (не смог посчитать, но тоже много)

Думаю, прочитанная информация была Вам полезна. Не забудьте поделиться с друзьями ;)

с/у УтБ

На десерт сегодня развлечение детей сварщика :)

Сервис feedburner – rss лента для сайта

Приветствую тебя читатель, сегодня давайте rss ленте, а конкретно о сервисе управления rss лентой и rss подпиской – feedburner.com. Какие плюсы я вижу в данном сервисе:

  • Быстрая индексация статьи (особо актуально молодым начинающим блогам)
  • Настройка вида rss ленты
  • Удобный сервис пользования (вывод количества подписчиков, многочисленные плагины для cms)
  • Рассылка rss ленты через mail
  • Ну и надежность (все таки ресурc от google)

Думаю, сегодня уже мало кто говорит, что данный сервис бесполезен, сейчас feedburner – стандарт, само собой разумеющееся для блогов/сайта. Согласитесь, зачем каждый день заходить на сотню сайтов, чтобы только посмотреть появилась ли новая информация? А с помощью rss ленты, добавляем все интересные сайты в один из Reader’ов и потом читаем анонс, и решаем подходит нам или нет статья (либо получаем по почте) – кому как удобней ;)

Ранее я писал/упоминал, о важности плагина FeedBurner FeedSmith в посте Блог с нуля. часть 1 и всем рекомендую поставить его. Но и для этого необходимо зажечь свой фид.

Как добавить rss ленту в feedburner.com ?

Ничего легче нету :) Feedburner сервис google, поэтому чтобы зажечь свой фид, Вам необходимо зарегистрироваться в google. Теперь перейдите по ссылке, выберите русский язык (в верхнем правом углу кликните на ссылку  Languages). Вставьте в форму ваш текущий rss блога, например, для wordpress моего блога это gtalk.kz/feed, для других cms другой url ленты!

  • Введите Вашу rss ленту и жмите далее.
  • Теперь необходимо ввести название ленты (обычно название сайта) и вид будущей ленты, например моя rss лента выглядит http://feeds.feedburner.com/gtalkkz, для этого я ввел gtalkkz в форму; Жмем далееfeedburner-добавляем-rss-ленту
  • “Поздравляем! Ваш фид FeedBurner обрел жизнь. Не хотите его немного приодеть?” – У создателей есть чувство юмора :), либо это переводчики веселые :) смеемся и жмем далее и далее
  • Все сделано! А вы думали это сложно?

Подробнее  о настройке расскажу в другой статье, так как настроек и возможностей у feedburner очень много.

Кстати, если Вы еще не подписались по mail’y на мой блог, то обязательно сделайте это. ;) Следите за обновлениями! Всем, кто подпишется, под новый год придет сообщение от меня с поздравлениями ;)

с/у УтБ

На десерт сегодня видео про кота Мару, который обожает коробки, не буду все рассказывать посмотрите сами ;)