Мобильные сайты на примере сешников рунета

Приветствую посетителей блога Gtalk.kz. Сегодня в данной статье поговорим об адаптивности блогов под мобильные устройства.

О том, что роль мобильных устройств и гаджетов будет увеличиваться, думаю, нет. Если все же сомневаетесь, то почитайте в интернете очень интересных статей, например, на хабре.

А теперь на живом примере. Возьмем статистику двух блогов devaka и глобатора, так как она открыта. За что им спасибо :)

Блог Devaka.ru

статистика devaka.ru

Блог shakin.ru

статистика shakin.ru

Т.е. мы с вами наблюдаем явную тенденцию. Ко всему в 2013 году выпустят 100% мобильное устройство от google, ubuntu на телефон и появление Firefox OS. Поэтому стоит задуматься ;)

ubuntu на телефон

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

Кстати, этот топ 10 я взял у Ленара, кому интересно смотрим.

Здесь должны быть комментарии по поводу выше выложенных скриншотов, но как говориться no comments  :)

Хотелось отметить блог Елены Камской, которая позаботилась о пользователях и установила плагин WordPress Mobile Pack, но меня, почему то перекидывает на основной сайт или так должно быть?

Одно меня радует, что устройства подстраивает текст под свой экран, либо используется viewport.

Собственно, к чему пост данный? Было время, когда мой доступ в интернет был только через мобильный телефон. Печально и неудобно было сервить в интернете, читать блоги. Конечно, отчасти можно решить вопрос, например, скачать reader и читать с него, но многие обрезают свои посты и тут опять тупик. Но Wildo, например, здесь отличился, выдает полную статью в reader. Это круто. Я после сделал также. :)

А у вас как на блогах/сайтах? Что вы используете плагин или что-то другое? Высказываемся.

Кстати, будет полезно почитать к этой теме. Не забудьте подписаться на обновления, будет много полезной информации ;)

с/у Талга УтБ

Если ищите хорошую технику от офисной бумаги до сервера, то покупайте на http://everest.ua. Самый большой выбор.

Ну и на десерт, обзор Firefox OS :)

«Яндекс Диск» – облачное хранилище

Приветствую вас на блоге www.gtalk.kz. Сегодня я расскажу еще об одном интересном ресурсе – Яндекс.Диск . Скорее всего уже многие из вас о нем слышали, но мало кто им пользовался. Давайте узнаем что такое Яндекс диск, как пользоваться ресурсом, как увеличить объем диска от яндекс и т.д.

Кстати, ресурс аналог dropbox, о котором я писал в статье Дропбокс – лучшее облачное хранилище.

И так, Яндекс Диск – инструкция к применению:

Что такое Яндекс.Диск ?

Как начать пользоваться?

Как увеличить объем Яндекс.Диска?

Сравнительная таблица Dropbox и Yandex Disk.

Что такое Яндекс.Диск?

В двух словах: сервис yandex, на котором можно хранить свои файлы, а также синхронизировать их с разными устройствами. Собственно, по функционалу это тот же Google Drive и Дропбокс и т.д. Появился относительно недавно 5 апреля 2012 года.

Начинаем пользоваться

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

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

Вот и все, нажимайте кнопку «начать работу с Диском».

Еще сервис работает под:

  • Iphone
  • Android

Посмотрите видео:

Скачайте приложение сервиса, например, под windows.

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

Яндекс Диск

После установки появиться окно входа. Введите свой логин и пароль.

Появиться иконка, по нажатию правой кнопки появиться меню. В принципе, все как в дропбокс. Можно настроить папку в которую будут синхронизироваться ваши файлы с яндекс диска (настройки -> Основное)

Вот так это смотреться у меня

Яндекс Диск на моем ноутбуке

Установим Яндес Диск на телефон

Введите в поиске appstore или google play «Яндекс Диск». Нажмите Free и Установить соответственно.

Немного картинок как это выглядит:

android-yandex-disk android-yandex-disk-2

яндекс диск на iphone яндекс диск на iphone

Как увеличить объем Яндекс Диска?

            В принципе, в начале использования сервисом вам предлагают возможные варианты увеличения объема до 10 Гб памяти простыми движениями + 10Гб за приглашенных друзей (по 0,5 Гб за душу друга + 1Гб вашему другу, так что регайтесь по моей рефке  ;) ), а изначально вам дают 3 Гб бесплатно:

  • Установите Яндекс.Диск для Windows (от XP до 8 версии)/Mac + 3 Гб
  • Загрузите пару файлов с помощью программы + 2Гб
  • Рассказать друзьям +2Гб (понажимайте на социальные кнопки)
Яндекс диск поделиться
Тут интересно, что не обязательно сообщать в социальную сеть, важно просто само нажатие ;)
  • Пригласить друзей до + 10Гб
Пригласить друзей в Яндекс Диск

Сравнительная таблица Dropbox и Яндекс.Диск

Давайте сравним основные параметры облачных хранилищ от двух компаний. (нашел данные в интернете и свое добавил :) )

Параметры сравнения

Dropbox

Яндекс.Диск

Бесплатное доступное место в Гб

2

3

Бесплатное возможное увеличение объема (Гб)

До 18  (0,5 за инвайт)

До 20 (0,5 за инвайт)

Платные тарифы

+

до 10 Тб

-

Максимальный размер файла через браузер/приложение

300 Мб / Без лимита*

2 Гб / до 10 Гб

Программа для Windows

+

+

       Mac

+

+

       Linux

+

-

       Iphone

+

+

       Android

+

+

Другие ОС

BlackBerry

-

Расшаривание файлов (публичные ссылки)

+

+

Редактирование онлайн документов

-

-

Совместное редактирование документов

-

-

Восстановление предыдущих версий файлов

+

В теч. 30 дней

-

Из корзины (занимает место)

Синхронизация любой папки

-

+

После установки в настйроках

Поиск по файлам

+

-

Потребление памяти (загрузка файла, МБ)*

53

7

Потребление памяти (МБ)*

44

5

Время загрузки файла (сек)*

132

100

WebDav

-

+

Дополнительное преимущество

Работа с почтовыми вложениями Яндекс Почты, Яндекс Переезд

Минусы системы

Отсутствие русского перевода сайта и приложений

Нет возможности увеличения объема больше 20 Гб

*естественно если у вас объем 2Гб, то вы не сможете закачать файл размером более 2-х Гб;
**данные с itc.ua – я за них не в ответе :)
Посмотреть можно в Google Docs.

Если вы надумали зарегистрироваться в яндекс диске, не забывайте обо мне ;)

Регистрация в Яндекс.Диске

Вместо вывода: Как видите, если вы простой пользователь и вам порой просто необходимо использовать облачное расширение для компьютера и телефона дома и на работе, то преимущество на стороне Яндекс Диска, но по прежнему Дропбокс лучшее решение именно в свой отрасли. Все зависит от ваших потребностей. Если вам необходимо еще и редактирование файлов, совместная работа с файлами, то подождите немного и я сделаю обзор Google Drive и сравним облачное хранилище от гугл ;)

А каким сервисов вы пользуетесь? Делитесь в комментариях.

с/у Талга УтБ

Если у вас интернет-бизнес в Северной столице России,то продвижение сайтов санкт-петербург то, что вам нужно.

Еще раз о сервисе от wylsacom

40 бесплатных набора социальных иконок

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

Рекомендую прочитать лицензию распространения авторов иконок и кнопок.

Кстати, эти статьи, скорее всего, будут вам интересны:

Как добавить социальные кнопки на свой сайт Часть 1

Как добавить социальные кнопки на свой сайт Часть 2

7 способов добавить социальные кнопки на сайт

Итак, приступим к обзору. Для лучшего чтения нажмите F11 ;)

1. Social Media Icons

1-social_media_icons

Скачать

2. Web 2.0rigami

Иконки в стиле оригами

2- web20rigami

Скачать

3. Stitched Social Icon Set

Скачать

4. Social media icons

4-social-icon-set

Скачать

5. Old Bottle Crowns Icon Set

Иконки социальных сетей в стиле крышек.

5-old_bottle_crowns_lead_image

Скачать

6. Mono DC – 30 Monochrome Social Icons

6-monochrome_social_icons_black_white

Скачать

7. Nurture Social Icon Set

Природные социальные иконки.

Скачать

8. Social Icons Made of Wood

Социальные кнопки из дерева.

Скачать

9. DC Social Icons – Set of 20 Clean Icons

20 простых социальных иконок.

9-dc_social_icons_set

Скачать

10. Cheers: A Free “Social” Icon Set

Иконки в виде стаканов.

Скачать

11. HANDYCONS

Скачать

12. Hand Drawn Social Icons

Скачать

13. Social Media Bookmark Icon

Скачать

14. Social Media Circles Icon Set

Скачать

15. Social Icons hand drawned

Социальные иконки, нарисованные от руки.

Скачать

16. Free Hand Drawn Doodle Icon Set for Bloggers

Еще одни кнопки нарисованные ручкой.


Скачать

17. Free Furry Cushions Social Icons Set

Скачать

18. Grunge Peeling Stickers Social Media Icons

Скачать

19. Somicro

Скачать

20. Somacro

Скачать

21. SocioLEGO A Free Social Icon Set

Иконки в стиле Lego
Скачать

22. Social Post Stamps

Скачать

23. Simplito

Скачать

24. «Buddycons» – Vector Social Media Icons

Скачать

25. Social Media Icon Set

Скачать

26. Drink web 2.0. icons

Скачать

27. Social Media Balloons

Скачать

28. Mini Simple Social Media Icon Set

Скачать

29. IC Circle Social Icon Set

Скачать

30. Page Peel

Скачать

31. Set of hand-drawn black social icons

Скачать

32. Grungy social media icons

Скачать

33. Social Icons

Скачать

34. Stylish Social Icon Set

Скачать

35. Social 2 Duo icons

Скачать

36. Wood Social Networking Icons

Скачать

37. Free Hand Color Stroked icon pac

Скачать

38. Social Media badge icons set

Скачать

39. 108 Glowing Neon Social Media

Скачать

40. Social Media Bookmarking Icons

Скачать

Вот пока и все. Если будет интересно, можно сделать еще одну подборку. :)

Не забываем делиться социальными кнопками слева и подписываться на обновления блога справа в сайдбаре ;)

с/у УтБ

Если у вас есть клиенты из-за бугра, то сервис продвижение англоязычного сайта от SeoProfy – хороший и удобный для сеошника.

А вот Alanis Morissette поет в живую очень круто и песня такая же :)

CMS – Система управления содержимым

У начинающих веб-разработчиков в начале пути много вопросов. Сегодня рассмотрим, что такое cms (оно же цмс). Для удобства оглавление статьи:

Содержание

Что такое CMS

wordpress 3.1.1.joomla.org

Вначале заглянем в Wikipedia:

Wikipedia  Система управления содержимым (контентом) (англ. Content management system, CMS) — информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым) [1].

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

Например, Joomla и WordPress являются cms. Большой список можете найти в конце статьи [2].

Иногда cms называют «движок сайта»

Как работает CMS

Принцип работы движка сайта показан на картинке:

Как работает CMS

картинка с сайта twl.ru

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

Виды CMS

Самое первое и логичное деление cms по распространению. Т.е. можно выделить 2 большие группы систем:

  • Платные (например, 1С-Битрикс);
  • Бесплатные (WordPress).

Еще можно разделить по виду сайта:

  • Блог (Maxsite CMS);
  • интернет-магазин (Opencart);
  • форум (SMF);
  • и т.д.

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

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

Если хотите ознакомиться с некоторыми, почитайте мои статьи:

Немного ссылок.

Использованная литература:

  1. Определение Система управления контентом
  2. Полный список cms


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

с/у УтБ

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

10 бесплатных wordpress фреймворков для шаблонов

Приветствую посетителей моего блога gtalk.kz. Данная статья будет интересна, в первую очередь, любителям создавать шаблоны для одной из самых популярных систем управления сайтом – wordpress.

Для быстрого старта и дабы устранить рутинную работу, многие разработчики используют frameworks (фреймворки). Кроме того в современных фреймворках есть полезные дополнения, например, адаптивность (читайте об этом в моей статье).

Ближе к делу. Давайте рассмотрим 15 интересных wordpress фреймворков для  шаблона. Кстати, как вы уже поняли все они бесплатны. ;)

1. Bones

bones-wordpres-framework

Существуют два варианта с адаптивным дизайном и классическим.

Основа: HTML5 Boilerplate

Препроцессоры Css: Less/Sass

2. Reverie framework

Reverie-wordpress-framework

Интересный фреймворк. Мой новый шаблон для вордпресс, использует основу Reverie.

Основа шаблона: Zurb’s Foundation framework (html5 и все прелести данного фреймворка);

Адаптивный wordpress фреймворк;

Особенности: хорошо работает с bbPress 2.0 и BuddyPress

3. Skeleton

skeleton-wordpress-framework

Еще одна интересная адаптивная основа шаблона для wordpress.

Основа: SimpleTheme;

Особенности: имеет шорткоды для ccs3 кнопок и колонок, интересное стилевое оформление;

4. Whiteboard

Whiteboard-wordpress-framework

Данная тема имеет только основную структуру, что исключает ненужный код.

Основа: Less Framework; (включая адаптивность)

5. Roots theme

roots-wordpress-framework

Основа фреймворка: HTML5 Boilerplate и Bootstrap от Twitter;

И все плюсы и минусы от них.

6. Foundation

Foundation framework

Еще один основа для шаблона wordpress на основе Zurb’s Foundation и HTML5 Boilerplate. Поддержка мобильных устройств имеется.

7. Hybrid Core

hybrid-core-wordpress-framework

Данный фреймворк был разработан специально для создания шаблонов wordpress. В ядре фреймворк имеет сильную базу php и вам необходимо решить что оставить или убрать.

Особенности: Хлебные крошки, шорткод «галерея», макет постов, настройка темы и многое другое.

8. Thematic

Thematic-wordpress-framework

Thematic – еще одна прекрасная основа для будущего шаблона, которая включает в себя 13 готовых виджетов, макеты постов и многое другое.

9. UpThemes Framework

UpThemes Framework-wordpress

Очень мощный с множеством настроек фреймворк.

Адаптиный дизайн.

10. Gantry- Web Platform Theme Framework

Gantry-wordpress-framework

Фреймворк-монстр, доступный также и для Joomla. Использует:

  • 960 Grid System;
  • 65 базовых позиций виджетов;
  • Поддержка пользователей и многое другое;
БОНУСЕще фреймворки тем вордпресса:

Надеюсь, информация полезная. :)

А какой фреймворк вы используете? Или у вас свои нароботки ? Делитесь в комментариях и подписывайтесь на обновления блога ;)

с/у УтБ

Все знают 404 ошибку, а знаете ли вы все коды ошибок сервера ?

И на последок немного фантазии об iOS 7 от wylsacom :)

«Идентификация facebook»

Приветствую всех посетителей Gtalk.kz. Сегодня интересная история о facebook, instagram и обо мне под кодовым названием «Идентификация Борна facebook».

facebook

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

Идентификация на facebook и instagram

А затем и инстаграм в туже степь:

Идентификация на facebook и instagram

            При чем, ультиматум борна instagram  до 1 февраля 2013.

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

Самое интересное, что мой никнейм: Талга УтБ лишь от части схож с тем, что на удостоверении личности, а вместо фото на facebook у меня мишка тедди. Единственное, дата рождение совпадает. Ко всему к аккаунту привязан телефонный номер. Но нет им нужна идентификация ))

Решил закинуть. Закрасил все, кроме имени, фамилии и даты рождения.

Идентификация на facebook и instagram

Идентификация на facebook и instagram

На следующий день пришло письмо.

Идентификация на facebook и instagram

Особенно понравилось: «мы определили, что Ваш аккаунт был заблокирован по ошибке».

Вот так господа, конец эры свободы и прав людей :))

Кстати, с инстаграм до сих пор тихо. В общем, я не понимаю, что происходит и зачем :)

Собственно, не торопись отправлять письмо с удостоверением, но по другому узнать об этом как?)) или это только я не нашел как обратиться в службу поддержки facebook?

с/у УтБ

Кстати, отличный ресурс – проверка скорости ответа сайта. Проверьте как быстро грузиться ваш сайт ;)

Для поднятия настроения клип:

Новый дизайн в новом году

Приветствую, вас на блоге Gtalk.kz, уважаемый посетитель. Сегодня я расскажу о своем новом образе блога. Если вы постоянно посещаете меня то, наверное, заметили изменения.

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

Второй вариант шаблона блога

Это была версия 2.0, я об этом писал.

Ранее была первая версия (кстати, наверное лучше второй), назовем ее 1.0:

Шаблон блога Gtalk.kz версия 1.0

Сейчас уже версия 3.0, надеюсь надолго :)

Текущий шаблон блога версия 3.0

            Немного информации по шаблону:

  • Сделал в стиле минимализм, отсюда фактическое отсутствие дизайна :) ;
  • Оставил зеленый цвет (и не променяю его);
  • Шаблон сделан на основе фреймворка Reverie Framework;
  • Шаблон имеет адаптивный дизайн;
  • Использовал современную технику: html5, ccs3;
  • Добавил разметку от schema.org;

Почему я обновился:

Если вы заметили, в последнее время я ударился в адаптивный дизайн. И решил попробовать себя в нем, для этого решил делать шаблон для блога адаптивным.

Сейчас с я еще тестирую, но блоки подстраиваются под ваш девайс:

Например, было так на компьютере:

блок сайта

блок подписки сайта

Изменения при просмотре с девайса(например, телефон или планшет):

пример адаптивной верстки

адаптивный дизайн пример 1

Кстати, если заметите баги, был бы рад узнать о них в комментариях ;)

Еще я поигрался сразметкой от schema.org:

разметка schema.org

Schema.org – это стандарт семантической разметки данных в сети, объявленный поисковыми системами Google, Bing и Yahoo! летом 2011 года.

разметка верстки schema.org

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

Ну, и одно из удобств для вас – вместо обычного меню я сделал псевдоссылку на содержание блога на всех страницах:

ссылка на содержание

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

с/у УтБ

При этом в украшениях эмаль очень хорошо сочетается с бриллиантами.

Видео о schema.org от Яши:

Что такое сайт

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

Сайт – страница или группа страниц в интернете, которое имеет свой адрес (домен), место хранения файлов сайта (хостинг) и своего хозяина.

Wikipedia Сайт (от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети») — совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединенных под одним адресом (доменным именем или IP-адресом)

Сейчас вы читаете эту информацию с сайта Gtalk.kz.

Первый в мире сайт info.cern.ch появился в 1990 году

Сегодня в век информационных технологий существует много видов сайта. Рассмотрим основные:

Сайт-визитка

Сайт, посвященный какой-либо компании или организации, содержащий общие данные о них. По сути, сайт-визитка выполняет функции визитки в жизни – презентует вас и дает общую информацию. На таких сайтах в принципе не зарабатывают.

Корпоративный сайт

Фактически это усложненный вариант сайта-визитки. Обычно у такого сайта больше функционала: портфолио, календари,  форум, корпоративный блог и т.д.

Примеры:

пример корпоративного сайта

Данный сайт веб-студии, которая занимается созданием сайтов и раскруткой. На сайте имеется портфолио, раздел вакансий, контактная информация и т.д.

Интернет-магазин

Аналог магазина только в интернете :). Каталог продукции с основной целью – продажа. Видов интернет-магазинов сегодня великое множество.

Примеры,

Пример интернет-магазина

Интернет-магазин “Белый ветер”

Портал

Обычно громадный ресурс с множеством информации и дополнительными сервисами. Обычно бывают тематические (новостной) либо общие, например, mail.ru. Часто можно встретить на развлекательную тему.

Веб-сервис

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

Блог

Так называемый сетевой дневник, только для широкой публики, хотя бывают исключения. Пример, мой блог gtalk.kz – блог о создании и продвижении сайтов.

пример блога

В принципе это все основные виды сайтов, которые я хотел рассмотреть.

Зарабатывать можно на любом сайте, но главное найти правильный подход. У каждого типа есть наиболее приемлемый вариант. ;)

с/у УтБ

А теперь тест на внимательность :)

Инструкция по GoGetLinks (Ггл) — биржа вечных ссылок

Приветствую вас на своем блоге Gtalk.kz. Сегодня мы с вами познакомимся с биржой вечных ссылок Gogetlinks (гоугетлинкс) или Ггл. Многие вебмастеры зарабатывают с помощью данной системой, да и мне самому она нравится.

Что вы узнаете сегодня: Что такое биржа ссылок, что такое вечные ссылки, что такое gogetlinks и как зарегистрироваться.

Это введение в серию уроков по работе с биржей:

Урок 1. Что такое gogetlinks. Требования к сайтам.

Урок 2. Как работать с системой. Регистрация и добавление сайта

Урок 3. Как зарабатывать деньги на системе: особенности биржи.

Урок 4. Как увеличить доходы с сайта. Улучшение показателей сайта

Что такое «Вечные ссылки»?

Давайте, вначале запомним, что ссылки бывают вечными (навсегда) и арендные (на время).

Примером вторых является Sape (говорят как Сапа). Примером, вторых – gogetlinks, rotapost и другие.

Вечные ссылки покупаются 1 раз и остаются навсегда.

На сегодня покупка вечных ссылок – один из эффективных методов продвижения (SEO). И как известно спрос рождает предложения. В связи с этим появились биржи, где сеошники могут покупать ссылки, а вебмастера продавать.

Что такое Gogetlinks.net ?

Gogetlinks биржа вечных ссылок

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

Что бы понять посмотрите небольшое видео (GetGoodlinks аналог Gogetlinks только заточен под Google):

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

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

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

Какие плюсы в бирже для вебмастера:

  • Можно добиться хороших заработков на своих сайтах (при минимальном посещении);
  • Фильтр поиска компаний;
  • Строгая (ручная) модерация.

Требования к сайту

Чтобы понять можете ли вы начать получать денежку, рассмотрим, какие основные требования к сайтам выдвигает биржа:

  • Возраст домена должен быть не менее  6 месяцев  второго уровня;
  • Форумы отпадают;
  • Индексация сайта; (не менее  80-100  страниц в Яндексе)
  • ТИц сайта должен быть не менее  10 ;
  • Контент – на сайте должен быть раздел/категория со статьями, на которых возможно будут размещаться ссылки, т.е. уникальные не короткие статьи (примерно 2000 символов);
  • Ссылки – если вы используете  автопродажу ссылок, например, Sape, то количество внешних ссылок не должно быть более 5 на главной и 3 на внутренних;
  • Реклама – всякие раздражающие рекламные баннеры, поп-андеры и т.д. не приветствуются, не используйте агрессивную рекламу.
  • Законы РФ – сайт должен не противоречить законам.

По сути, это должен быть адекватный сайт, направленный на пользователя.

Пройдя все основные критерии, работники gogetlinks переходят к осмотру сайта. На что обращают внимание:

  • Структура и дизайн – это необходимо для того чтобы понять для кого сайт – людей или поисковиков; Здесь также оценивают наличие раздражающей рекламы.

Вот примеры сайтов с неплохим дизайном : (по версии Ггл)

Спортинвый сайт с хорошим дизайном

Удобная навигация, приятные цвета. Баннеры хорошо вписаны в дизайн.

Вот пример сайта с плохим дизайном: (по версии Ггл)

Пример сайта с плохим дизайном для Gogetlinks

Шаблонный дизайн говорит о том, что сайт был сделан наспех.

  • Обновления сайта – убедитесь, что на сайте последние статьи были опубликованы недавно, а также период их выхода;
  • Поведенческие факторы – модераторы обращают внимание на поведение пользователей на сайте: количество комментариев и их качество и т.д. Можно вывести количество зарегистрированных пользователей, количестве материалов, открытых тем (на форумах), т.е. показать активность своих пользователей. Убедитесь, что комментирование (если оно имеется) происходит периодически и проходит модерацию.
  • Наличие в   Яндекс Каталоге и DMOZ   дает вам плюс.

Осмотр сайта дает вам преимущество, пройдя основные требования не факт, что вас примут в систему.

Чем больше у вас соответствие с требованием, тем вероятнее вы попадете в биржу ссылок.

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

Если у вас саттелит, сайт неуникального контента с шаблонным неаккуратным дизайном и агрессивной рекламой, то идите работать над сайтом :)

На сегодня это все. Проверьте свой сайт на возможность добавления его в систему размещения вечных ссылок Ггл. В следующем уроке мы начнем работать в системе и добавим наш первый сайт.

Если есть вопросы прошу в комменты.

с/у УтБ

з.ы. Всем своим рефералам оказываю помощь ;) Стать мои рефералом.

Если любите отдых, то доверяйте профессионалам турфирмы в алматы

Вы уже наверное слышали про анимационный фильм, сделанный студентом 1 курса из Германии с помощью компьютерной графики:

Урок 5. Как создать шаблон для Joomla 2.5: Готовый шаблон

Вот и пятый из основных уроков по созданию шаблона для Joomla 2.5 из html шаблона. Немного перетянул с выходом, но не будем растягивать как Джексон Хоббита. :)

Кто к нам только присоединился, начните читать с первого урока Введение: структура шаблона Джумла 2.5

Теперь к делу. Что мы имеем?

Мы установили шаблон и увидели примерно следующее:

Создание шаблона для Джумла 2.5

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

Как должен выглядить наш шаблон

Что не хватает:

  • меню;
  • сайдбара с тремя модулями;

Модуль меню для Joomla

Создайте меню, если его у вас нету. И переходите в  Менеджер модулей -> Создать модуль -> Модуль «Меню» .

Введите как на картинке:

Меню сайта joomla 2.5

Введите заголовок
Показать заголовок – Скрыть
Позиция – topmenu (именно эту позицию мы создали в 4 уроке)
Состояние – Опубликовано

Получаем такой ужас:

Как сделать шаблон Joomla 2.5

Берем себя в руки и не пугаемся. Возвращайтесь в «Менеджер модулей» и добавьте ID Menumenu (как на картинке)

Настройка модуля меню Joomla 2.5

Теперь все отлично. Переходим к модулям в сайдбаре.

Модули Joomla в сайдбаре

Для начала создайте 3 модуля:

  • Модуль «Материалы – Новости»
  • Модуль «Html-код»
  • Модуль «Поиск»

Настройка модуля «Материалы – Новости»

Настройте как на картинке:

Настройка модуля последние новости джумла

Позиция – right (именно ее мы добавляли ранее в уроках);

В правой колонке «Основные параметры»
Показать заголовок – ДА
Заголовок как ссылка – Нет
Уровень заголовка – h4
Ссылка «Подробнее…» – Показать
Количество материалов – 3

*все параметры выбраны исходя из исходного шаблона

Настройка модуля «Html-код»

По мне так это самый удобный способ добавить ссылки. Создаем модуль «Html-код» и делаем список ссылок как на картинке и все.

Модуль html код

Модуль «Поиск»

Самое интересное оставил напоследок. :)

Необходимо подготовиться:

  • Картинку  search.png  переделать в  searchButton.gif  в папке images вашего шаблона;
  • Создать папку html с пустым  index.html  файлом в корне вашего шаблона;
  • Добавить в папку html шаблон mod_search (скачайте в конце статьи);

Если просто создать модуль, то будет следующее:

Настройка модуля Поиск

Давайте сделаем как в примере. Для этого создадим шаблон модуля «Поиск».

Мы уже подготовились, поэтому сразу будем править код файла  default.php :

В строку (у меня 13 строка):

<form action="<?php echo JRoute::_('index.php');?>" method="post">

Добавим класс search_form:

<form action="<?php echo JRoute::_('index.php');?>" method="post" class="search_form">

Заменим строку:

<div class="search<?php echo $moduleclass_sfx ?>">

На тег <p>

Не забудьте закрыть, т.е. поменять </div> на </p>.

Добавим класс search в строку (16):

<input name="searchword" id="mod-search-searchword" maxlength="'.$maxlength.'"  type="text" size="'.$width.'" value="'.$text.'"  onblur="if (this.value==\'\') this.value=\''.$text.'\';" onfocus="if (this.value==\''.$text.'\') this.value=\'\';" />';

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

Заголовок поля – оставьте пустым (Если будем появляться надпись Искать, поставьте пробел)
Ширина поля – тут на вкус.
Кнопка поиска – Да
Позиция кнопки – справа
Изображение кнопки поиска – Да
Вот и все.

Сохранитесь и смотрите на свой сайт.

Для того, чтобы изображение лупы на поиске было по середине, добавьте в css файл:

.search_form .button {vertical-align: bottom;}

Не забудьте изменить свой файл  templateDetails.xml  в шаблоне. Мы это делали во втором уроке.

Можете запаковать все файлы и попробовать установить их ;)

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

с/у УтБ

З.ы. кстати, моя ошибка (из прошлого урока) – замените в файле  index.php  ссылку на логотипе:

Вместо:

<a href="index.html">

Сделайте:

<a href="<?php echo $this->baseurl ?>">

Чтобы ссылка была на текущий домен.

Можете скачать уже готовый шаблон и разбираться:

[Download not found]

Ipad может поцарапаться и если вам нужны чехлы для iPad 3 обращайтесь в интернет-магазин hotstore, большой выбор и качество.

Интересное видео: мужику дали 156 секунд в магазине и забрать все что хочет :)