Веб-дизайн и поисковая оптимизация

Статьи о веб-дизайне, поисковой оптимизации
и продвижении сайтов в интернете

SEO (Search Engines Optimization) -
поисковая оптимизация сайта для повышения позиций
в результатах поиска по запросам

  Создание формы обратной связи на сайте

• Создание формы обратной связи на сайте
• Проверка ввода формы обратной связи
• Простая форма обратной связи с проверкой введенных данных
• Создание анкеты на сайте
• Проверка формы обратной связи "на лету"
• Отправка файлов через форму обратной связи
• Капча в форме обратной связи
• Заказ товаров и услуг через форму обратной связи
• Форма обратной связи - примеры использования
• Форма обратной связи для заказа обедов в офис
• Форма обратной связи - отправка писем на разные адреса
• Проблемы с кодировкой в форме обратной связи
• Простая капча для формы обратной связи
• Создание кнопок в форме обратной связи
• Исправление ошибок при заполнении формы обратной связи
• Многостраничная форма обратной связи
• Форма обратной связи и спам в почте
• Выбор нескольких элементов в теге <select> формы обратной связи
• Календарь в форме обратной связи
• Дата на сайте и в форме обратной связи
• Изменение стилей и настройки календаря в форме обратной связи
• Вывод на сайте календарей с двумя зависимыми датами
• Оформление формы обратной связи
• Применение jQuery для формы обратной связи
• Значки +/- для ввода чисел в форме обратной связи

  Оптимизация изображений для Web и электронной почты

• Оптимизатор фотографий JPEG для WEB
• Сжатие изображений с помощью скриншотов
• Оптимизация изображений для Web. Программа RIOT
• Сжатие фотографий для интернета и электронной почты в программе FastStone Image Viewer
• Оптимизация изображений для Web
• Уменьшение потерь при изменении размеров изображений
• Фрагментарная оптимизация изображений для Web

  Создание фотогалереи на сайте

• Swipebox - фотогалерея для мобильной версии сайта
• Создание простой фотогалереи на сайте
• Создание фотогалереи в Photoshop
• Фотогалерея jQuery - просто и красиво!
• Фотогалерея jQuery со слайд-шоу
• Фотогалерея Lightbox с библиотекой Prototype
• Изображения для сайта - размещение, эффекты, прозрачность
• Фотогалерея для интернет магазина
• Фотогалерея prettyPhoto
• Фотогалерея Fancybox
• Фотогалерея Pirobox
• Увеличение изображений. Программа Highslide JS
• Создание слайд-шоу для сайта

  Вебдизайн с jQuery - это очень просто!

• Фотогалерея jQuery - просто и красиво!
• Фотогалерея jQuery со слайд-шоу
• Фотогалерея для интернет магазина
• Фотогалерея prettyPhoto
• Фотогалерея Fancybox
• Карусель изображений jQuery Waterwheel
• Простая карусель JCarouselLite
• Календарь в форме обратной связи
• Создание простого анимированного меню
• Создание слайд-шоу для сайта
• Zoomy - лупа для просмотра изображений
• Увеличение изображений. Плагин Nivo Zoom
        >> смотреть все статьи о jQuery

  Создание меню для сайта

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

• Дата на сайте и в форме обратной связи
• Кнопка возврата в начало страницы
• Символы Юникода - полезные значки для сайта
• Простые эффекты вывода изображений на сайте
• Как выбрать "правильный хостинг"
• Создание слайд-шоу для сайта
• Создание простого анимированного меню
• Установка ссылок ВКонтакте на сайте
• Новый поиск Яндекса
• Создание "версии для печати" веб-страницы
• Вставка видео на сайт
• Внешние ссылки на сайт. Где найти качественные бесплатные ссылки
• Юмор и раскрутка сайта
• Создание меню для сайта
• Создание простой гостевой книги на сайте
• Изображения для сайта - размещение, эффекты, прозрачность
• О статистике поисковых запросов
• О пользе HTML комментариев
• Курсор как элемент веб-дизайна
• Раскрутка сайтов и поисковая оптимизация
• Раскрутка сайтов и контекстная реклама
• Поисковая оптимизация - это зло!
• Раскрутка и удержание позиций сайта
• Основные методы раскрутки сайтов
• Продвижение сайта в поисковиках
• Создание фотогалереи для сайта
• Создание фотогалереи в Photoshop
• Продвижение сайта и алгоритмы поисковых машин
• Создание выпадающего меню с помощью HTML и CSS
• Пример горизонтального меню с выпадающим списком
• Создание гостевой книги на сайте
• Создание бегущей строки на сайте
• Фон для сайта
  Фон для сайта, как рама для картины, придает законченность проекту. Рассмотрим некоторые способы создания красивых фонов как для сайта в целом, так и для отдельных страниц.
• Создание "схемы проезда" на сайте
  На любом сайте, представляющем какую-либо организацию, есть страница контактов, где обычно кроме адреса, телефонов и других реквизитов, приводится схема проезда, которая, по мнению создателей сайта, должна облегчить потенциальным заказчикам этот самый проезд. К сожалению, во многих случаях схема проезда только усложняет задачу перемещения из пункта А в пункт Х ввиду неудачно выбранного способа показа карты для проезда.
• Вывод текущей даты на сайте
  Одна из полезных для сайтов функция - вставка текущей даты. Примеров скриптов даты можно найти в интернете десятки, однако многие из них, на мой взгляд, тяжеловесны и, следовательно, некрасивы. Между тем, используя стандартные средства JavaScript, вставить дату на страницу сайта можно очень просто.
• Ключевые слова и продвижение сайта
  Некоторые особенности использования ключевых слов в процессе оптимизации сайта.
• Сжатие фотографий для интернета и электронной почты
  Для передачи фотографий по электронной почте, а также размещения в интернете желательно их уменьшить в объёме, то есть оптимизировать. Это известно всем, однако почти треть отправляемых фото пересылаются в исходном виде, то есть "как снял, так и отослал". Такое положение недопустимо...
• Фрагментарная оптимизация изображений для Web
  При подготовке изображений для Web метод разделения на фрагменты используют редко, считая его сложным. Однако, достаточно один раз выполнить фрагментарную оптимизацию, и вы увидите, что это очень просто, а результат, несомненно, порадует вас. При высоком качестве картинки, вы можете получить уменьшение объема до 50%!
• Десять шагов по оптимизации сайта
  Основные действия по внутренней оптимизации сайта, методы коррекции текста, HTML-кода, выбор ключевых слов, метатеги, структура и логика сайта, индексация, счетчики и статистика сайта, обновление контента...
• Скриншоты - снятие и подготовка для Web
  Тонкости подготовки скриншотов для Web, особенности оптимизации изображений в форматах GIF и PNG-8, минимизация объема при хорошем качестве, описание программы снятия скриншотов ScreenHunter 4.0 Free фирмы Wisdom Software Inc...
• Оптимизация изображений для Web
  Работа по оптимизации изображений делится на два этапа: подготовка изображения в редакторе и процесс сжатия. Описания оптимизации обычно начинаются сразу с применения команды Save for Web (Сохранить для Web) или переходом в Image Ready, а предварительной подготовке не уделяется должного внимания. По умолчанию считается, что картинка уже отредактирована, то есть подготовлена к печати. А между тем, оптимизация для Web отличается от подготовки к печати весьма существенно...
• Как привлечь посетителей на сайт
  Привлечение посетителей на сайт - основная задача вебмастера после того, как сайт выложен в сеть. Поисковая оптимизация, анализ статистики, работа с каталогами и поисковиками, получение ссылок - все делается ради одного: увеличения трафика. После появления сайта в сети вы вдруг понимаете, что многое не так, как хотелось, и готовы начать все с начала. Это исключительно конструктивная мысль...
• Тесты - лучшая приманка для посетителей
  Тестирование предлагаемых товаров - один из самых эффективных способов привлечения посетителей на сайт. Причем тестировать можно абсолютно все. По характеру тестов выделяют несколько типов. Рассматриваются особенности тестирования товаров простыми способами в бытовых условиях без использования специального оборудования.
• "Дизайн для всех" и поисковая оптимизация
  "Дизайн для всех " - термин, означающий, что информационные ресурсы должны быть максимально доступны для все групп пользователей Сети. В интернете это в первую очередь относится к инвалидам по зрению. Обеспечение свободного доступа к информации людям, не способным читать печатные тексты, становится общемировой тенденцией. Подготовка сайта для обеспечения доступности имеет много общего с поисковой оптимизацией...
• Уменьшение потерь при изменении размеров изображений
  Влияние разрешения на качество изображения, подготовка для размещения в интернете, диалоговое окно Image Size (Размер изображения) в Photoshop и особенности режимов интерполяции пикселей (сглаживания), особенности сжатия изображений.
• Каталог полезных сайтов по поисковой оптимизации
  Полезные материалы и ссылки, интересные сайты по вопросам поисковой оптимизации и продвижению сайтов в интернете.