[http://www.fdmua.com] Разработка сайтов, дизайнов, систем управления контентом (CMS) и продвижение сайта (SEO)! Главная | Статьи | FAQ | Портфолио | Дизайны | Шаблоны | Фото | Заказ добавить в избранные | карта сайта Наши услуги по разработке и созданию сайтов Проверка индексации сайта в поисковиках Система управления сайтом CMS-SEO-FDMua О нас «Поисковые технологии» дадут каждому юзеру персональный поисковик Систему можно использовать различным образом. Можно организовать полнотекстовый поиск по собственному сайту. Можно организовать полнотекстовую «слежку» за избранными сайтами. Например, таким способом удобно отслеживать форумы, частные объявления, сайты конкурентов, блоги. Выбранные ресурсы будут автоматически индексироваться каждый день, а вы по электронной почте получаете сообщения в случае изменения информации (результаты выполнения сохраненного поискового запроса). И, наконец, можно открыть специализированный поисковик по сайтам определенной тематики. Что должен знать о Яндексе каждый. Часть 2 На сегодняшний день стало ясно, что поиск не может быть эффективным и корректным, если он основан только на анализе текста документов, т.к. внетекстовые факторы могут играть не меньшую роль, чем сам текст. Поисковая машина должна учитывать положение страницы на сайте, авторитетность источника, частоту обновления, цитируемость страницы. Сочетание этих факторов может дать более полноценную картину о деятельности ресурса и его восприятии сетевой общественностью, чем анализ только текстового содержимого. Поэтому Яндекс постепенно внедряет в свою практику анализ влияния подобных факторов на релевантность страницы запросу пользователя. Доклад Константина Каширина Явление непотизма и борьба с ним. Яндекс и оптимизаторы: единство и конфликт интересов. Современный непот-фильтр: алгоритм определения, статистика, качественно-количественные характеристики. Как мы все знаем, термин «непот» произошел от средневекового понятия «непотизм» или, выражаясь русским языком, кумовство-сватовство. Непотизмом создатели поисковой системы Яндекс решили называть явление проставление ссылок за некий «интерес», в роли которого может выступать получение ответной ссылки, либо получение платы. Логотипы как это делается. Ч.3 Не является ни для кого секретом, что каждый человек имеет индивидуальное, субъективное мировосприятие. Одни и те же знаки у разных людей, в силу различного опыта, образования, круга общения и пр. и пр. могут вызывать абсолютно разные (зачастую противоположные по своему значению) ассоциации, а значит - и разные эмоции. Казалось бы, невозможно предугадать "уровень распущенности" миллионов потребителей. Логотипы как это делается. Ч.2 Покончив с анализом, приступим к более творческому процессу - собственно созданию (ваянию, клепанию, рисованию, и т.д.) логотипа. Код нашей кнопки: FAQ - Оформление страниц FAQ по разделам: Оформление страниц (4) 1. Об эффективном расположении элементов графики и текста на экране ( Оформление страниц ) 2. О элементах восприятия и цветах ( Оформление страниц ) 3. Создание Meta-тегов ( Оформление страниц ) 4. Что такое каскадные таблицы стилей (CSS)? ( Оформление страниц ) Страницы : 1 Q: Об эффективном расположении элементов графики и текста на экране [ FAQ → Рубрика: Оформление страниц | Комментарии ] Теория: Зачастую, после создания сайта, к автору начинают идти письма по улучшению дизайна, которые часто противоречат друг другу. Не знаешь, что и думать, если не знать теории НЛП. Коротко, в НЛП выделяют три типа людей: Мыслящих преемущественно зрительными образами (Визуалы). Мыслящих проговариванием мыслей внутри (аудиалы+дигиталы). Мыслящих преемущественно ощущениями (кинестетики). В нашей стране соотношение примерно такое - 30-50% Визуалов, 5% Аудиалов, 30-60% Кинестетиков. В интернете соотношение, научно не известно, но по моим предположениям больше визуалов, чем больше по стране. Практика: Как это применимо к WEB Дизайну? Замечено, что расположенные в разных частях экрана элементы лучше действуют на определенных людей. Ниже дается идеальное расположение элементов, что-бы зацепить мах. количество людей. Если логотип вашего сайта хорошо известен посетителям, то он будет хорошо работать на вас слева сверху(для примера: логотип Intel Inside). Если же логотип вашего сайта малоизвестен, то имеет смысл разместить его справа сверху (это будет способствовать его запоминанию посетителями). Все верхнее пространство экрана лучше отдать графическим решениям, фотографиям, и т.д. Аудиальные компоненты обычно мало важны, если это не сайт посвященный музыке. Расположение в средней части экрана. Слева Известные, Справа малоизвестные. Возможно из аудиальных компонентов разместить Слоган (Пример: Имидж ничто, жажда все или Эффективная коммуникация ключ к успеху). Снизу экрана желательно выделить две зоны: Справа внизу- где лучше дать числовую, количественную информацию и т.д. (Пример - Адрес или цены). Слева внизу - Вот здесь нужно, что бы те фразы, которые там написаны, вызывали у посетителя Вкус, Чувства, Ощущения. Картинки должны быть в том же духе. (Пример: Кружка Пива, и надпись: Почувствуй себя настоящим студентом.) Кстати, подозреваю что баннер расположенный в этом месте, с надписью: Нажми меня, будет иметь большой % нажатий (CTR). И в заключение маленький подарок: Нами был разработан для данной зоны такой слоган: Учишься в школе - Жми Сюда. Вы можете свободно применять его, слегка изменив для своих нужд первую часть. При расположении такой кнопки снизу-справа она даст замечательные результаты. У нас получился CTR 7-12%. Что очень неплохо. Источник: неизвестный Вверх Q: О элементах восприятия и цветах [ FAQ → Рубрика: Оформление страниц | Комментарии ] Принято считать, что в находясь в интернете большинство людей переходит в визуальное состояние(т.е. состояния просмотра того что на экране). Теория: Давно было замечено что различные цвета по разному действуют на человека. Мы вполне допускаем что цвет, который нравится одному, совсем не понравится другому. И вместе с тем замечено что некоторые цвета являются общими для создания определенных эмоциональных состояний человека. Это не будет обязательным для всех, есть и исключения. Здесь и ниже мы будем ориентироваться на большинство. Нам важно так создать оформление сайта, чтобы оно благоприятно влияло на отношение посетителя к сайту: Мы будем использовать оттенки синего, голубого, насыщ. желтого, оранжевого, белого, зеленого. На некоторые цвета у большого количества людей преобладает негативная реакция: Черный, Красный, Серый, Коричневый, эти цвета при доминировании на сайте вызовут отрицательную оценку сайта. При умелом сочетании цветов влияние негативной составляющей этих цветов можно нивелировать(пример: Синий-черный) или даже превратить в плюсы. Того эффекта зачастую можно достичь при плавных переходах цветов. Но это тема одного из будущих набросков. Также все зависит от того какую атмосферу вы хотите создать на своем сайте, если сайт посвящен фильмам ужасов, смело используйте гаммы черного, серого, коричневого и красного цветов. Если же вы хотите чего-то другого то обратите внимание на позитивные и ресурсные цвета. Помните, что во многом отношение к сайту зависит от тех цветов, которые вы используете при его оформлении. Элементы восприятия играют также большую роль при оформлении сайта. Считается, что одновременно глаз человека может воспринимать около 7±2 однотипных элементов. В нашем частном случае, пункты меню сайта будут как раз именно такими элементами. Именно поэтому наиболее эффективным меню будет состоять из 5-7 пунктов. Максимум(не оптимум) из 9. Такое количество ссылок в меню позволит пользователю быстро привыкнуть и запомнить меню вашего сайта, что является одним из признаков, что вероятно он станет постоянным посетителем сайта. Выходом из данной ситуации вполне может стать разбивка элементов меню на несколько семерок ссылок. Выделение некоторых ссылок другим шрифтом(цветом) также улучшит ситуацию. Источник: неизвестный Вверх Q: Создание Meta-тегов [ FAQ → Рубрика: Оформление страниц | Комментарии ] Meta-теги и их использование. Поисковые серверы при регистрации Web-сервера, сайта или страницы используют информацию, хранящуюся в специальных тегах МЕТА, которые помещаются между тегами и большинство начинающих Web-мастеров и Web-дизайнеров не уделяют особого внимания этим тегам - и зря. Теги МЕТА не видны при просмотре документа и заметно увеличивают его размер, однако без них не обойтись. Рекомендации по составлению Мета-тегов. Правильность составления МЕТА тегов делает возможным, чтобы ваш сайт было легко отыскать при помощи поисковых систем среди огромного числа других сайтов! Для этого необходимо следовать следующим рекомендациям: Длина содержимого тегов МЕТА "desctiptions" не должна превышать 200 символов, a "keywords" - 1000 символов. Это связано с тем, что поисковые серверы, как правило, используют именно такие величины при индексировании информации о вашем сайте. Можно получить отрицательный результат, если поисковые машины отбросят часть описания, превышающего установленные нормы, в результате чего в каталог попадет не вся желаемая информация, либо сервер просто отвергнет регистрацию вашего сайта. Нужно включить все наиболее часто используемые в вашем сайте термины и их синонимы в тег "desctiptions". Можете включить и термины, не имеющие отношения к вашим страницам, однако в Internet такое поведение считается некорректным. В список ключевых слов можно вставлять и фразы. В этом случае у вашего сайта повышается шанс попасть в самое начало списка, выданного поисковым сервером (в случае совпадения фразы с той, что вводит пользователь). Для увеличения рейтинга сайта и попадания его в верхнюю часть поискового списка необходимо каждый термин, включаемый в описание, повторять около 3 раз. Поисковые машины, как правило, работают с тегами МЕТА, а в случае их отсутствия - уже с содержимым страницы. Иногда это приводит к появлению сайта в списке top 10, но может привести ик отрицательному результату (перед регистрацией проверьте поисковую машину, дав запрос и просмотрев ключевые слова у сайтов, стоящих на верхних позициях) Используйте в описаниях и списке терминов как можно больше синонимов. Не используйте в описаниях и в списке терминов понятия и слова, слабо связанные друг с другом. Cостав МЕТА-тегов 1) Для того, чтобы при просмотре документа броузер брал свежую версию документа, а не версию из кеша используется 2) Для определения броузером языка, на котором написана страница используется 3) Если неопытный Web-мастер скопирует Вашу страницу, в которой оставит следущий тег, то при заходе на эту страницу броузер автоматически перейдет на Вашу страницу 4) Для указания имени автора и дополнительной информации о нем используется 5) Для указания авторких прав используется 6) Для указания ключевых слов и терминов используется 7) Для указания краткого описания используется Полагаясь на собственные исследования в этой области, а также на профессиональных разработчиков в этой области мы рекомендуем вам при наличии большого количества страниц создать теги мета-информации с различным содержанием, описывающем содержания данной конкретной страницы или раздела. Источник: неизвестный Вверх Q: Что такое каскадные таблицы стилей (CSS)? [ FAQ → Рубрика: Оформление страниц | Комментарии ] Страшно подумать, но в июле этого года исполнилось всего 10 лет стандарту HTML 1.0 (который, кстати, так никогда и не был "официально" принят и остался в виде черновика для "внутреннего употребления"). За эти 10 лет HTML прошел очень большой путь, завоевал практически все компьютеры в мире и стал одним из самых известных "компьютерных языков" (все-таки отнести его к языкам программирования рука не поднимается)... И одним из весьма заметных этапов развития HTML стало появление CSS - Cascading Style Sheets или, говоря по-русски, каскадных таблиц стилей. Идея CSS очень проста. Если в HTML вы прямо в документе ставили указание на то, как должен выглядеть тот или иной элемент, то при использовании CSS такие указания выносятся в отдельный блок (который может либо включаться в документ, либо читаться из внешнего файла). Такой простой ход сразу дает массу преимуществ вебмастеру. Прежде всего, значительно облегчается изменение внешнего вида сайта или отдельных его элементов: достаточно изменить определение соответствующего стиля в единственном CSS-файле, и эти изменения распространятся на весь сайт. Второе преимущество - сокращение размеров документов, которое особенно заметно на "красивых" страницах. Первая версия CSS - CSS level 1 - принятая в 1996 и пересмотренная в 1999 году - позволяла оперировать только цветами, шрифтами, отступами и им подобными, относительно простыми и часто используемыми элементами. Принятая в 1998 году спецификация CSS level 2 добавила возможность абсолютного позиционирования элементов, создания стилей для разных типов устройств, использования собственных курсоров, расширила возможности по выбору элементов, к которым должен применяться тот или иной стиль, и многое другое. Естественно, что CSS level 2 поддерживает и таблицы стилей, созданные в CSS level 1. В настоящее время консорциум W3C активно ведет разработку стандарта CSS level 3 и CSS level 2 revision 1 , которые должны учесть все возрастающие потребности вебмастеров и вебдизайнеров по созданию современных и удобных сайтов. Следует учитывать, что каскадные таблицы стилей не полностью абстрагируют визуальное представление документа от его содержания, они только позволяет более компактно описать правила визуального представления. И если вы захотите изменить дизайн сайта, то вам все равно придется переписывать HTML-код (правда, сделать это будет проще, чем при отсутствии CSS). Значительно больший уровень абстракции можно получить, используя связку языков XML + XSL (из которых, в частности, можно генерировать HTML + CSS), но это намного сложнее и несколько выпадает из темы данной статьи. Но хватит теории! Давайте попробуем заняться практикой... Есть три способа описать стиль элемента в HTML-документе. Самый простой и практически не использующий преимуществ CSS способ - это указать стиль внутри тега HTML. Например, написать
заголовок второго уровня
Единственное преимущество, которое можно получить таким образом, - это задание некоторых атрибутов текста, которые не поддерживаются тегами HTML. Зато сохраняются все недостатки HTML - указанный стиль относится только к одному тегу и для изменения внешнего вида документа вам придется изменить описание стиля в каждом теге. Встроенные стили указываются прямо внутри HTML-тегов Второй способ несколько лучше: надо описания стилей заключить внутри тегов . Например, если вы напишете а в тексте документа укажете
FAQ - Оформление страниц FAQ по разделам: Оформление страниц (4) 1. Об эффективном расположении элементов графики и текста на экране ( Оформление страниц ) 2. О элементах восприятия и цветах ( Оформление страниц ) 3. Создание Meta-тегов ( Оформление страниц ) 4. Что такое каскадные таблицы стилей (CSS)? ( Оформление страниц ) Страницы : 1 Q: Об эффективном расположении элементов графики и текста на экране [ FAQ → Рубрика: Оформление страниц | Комментарии ] Теория: Зачастую, после создания сайта, к автору начинают идти письма по улучшению дизайна, которые часто противоречат друг другу. Не знаешь, что и думать, если не знать теории НЛП. Коротко, в НЛП выделяют три типа людей: Мыслящих преемущественно зрительными образами (Визуалы). Мыслящих проговариванием мыслей внутри (аудиалы+дигиталы). Мыслящих преемущественно ощущениями (кинестетики). В нашей стране соотношение примерно такое - 30-50% Визуалов, 5% Аудиалов, 30-60% Кинестетиков. В интернете соотношение, научно не известно, но по моим предположениям больше визуалов, чем больше по стране. Практика: Как это применимо к WEB Дизайну? Замечено, что расположенные в разных частях экрана элементы лучше действуют на определенных людей. Ниже дается идеальное расположение элементов, что-бы зацепить мах. количество людей. Если логотип вашего сайта хорошо известен посетителям, то он будет хорошо работать на вас слева сверху(для примера: логотип Intel Inside). Если же логотип вашего сайта малоизвестен, то имеет смысл разместить его справа сверху (это будет способствовать его запоминанию посетителями). Все верхнее пространство экрана лучше отдать графическим решениям, фотографиям, и т.д. Аудиальные компоненты обычно мало важны, если это не сайт посвященный музыке. Расположение в средней части экрана. Слева Известные, Справа малоизвестные. Возможно из аудиальных компонентов разместить Слоган (Пример: Имидж ничто, жажда все или Эффективная коммуникация ключ к успеху). Снизу экрана желательно выделить две зоны: Справа внизу- где лучше дать числовую, количественную информацию и т.д. (Пример - Адрес или цены). Слева внизу - Вот здесь нужно, что бы те фразы, которые там написаны, вызывали у посетителя Вкус, Чувства, Ощущения. Картинки должны быть в том же духе. (Пример: Кружка Пива, и надпись: Почувствуй себя настоящим студентом.) Кстати, подозреваю что баннер расположенный в этом месте, с надписью: Нажми меня, будет иметь большой % нажатий (CTR). И в заключение маленький подарок: Нами был разработан для данной зоны такой слоган: Учишься в школе - Жми Сюда. Вы можете свободно применять его, слегка изменив для своих нужд первую часть. При расположении такой кнопки снизу-справа она даст замечательные результаты. У нас получился CTR 7-12%. Что очень неплохо. Источник: неизвестный Вверх Q: О элементах восприятия и цветах [ FAQ → Рубрика: Оформление страниц | Комментарии ] Принято считать, что в находясь в интернете большинство людей переходит в визуальное состояние(т.е. состояния просмотра того что на экране). Теория: Давно было замечено что различные цвета по разному действуют на человека. Мы вполне допускаем что цвет, который нравится одному, совсем не понравится другому. И вместе с тем замечено что некоторые цвета являются общими для создания определенных эмоциональных состояний человека. Это не будет обязательным для всех, есть и исключения. Здесь и ниже мы будем ориентироваться на большинство. Нам важно так создать оформление сайта, чтобы оно благоприятно влияло на отношение посетителя к сайту: Мы будем использовать оттенки синего, голубого, насыщ. желтого, оранжевого, белого, зеленого. На некоторые цвета у большого количества людей преобладает негативная реакция: Черный, Красный, Серый, Коричневый, эти цвета при доминировании на сайте вызовут отрицательную оценку сайта. При умелом сочетании цветов влияние негативной составляющей этих цветов можно нивелировать(пример: Синий-черный) или даже превратить в плюсы. Того эффекта зачастую можно достичь при плавных переходах цветов. Но это тема одного из будущих набросков. Также все зависит от того какую атмосферу вы хотите создать на своем сайте, если сайт посвящен фильмам ужасов, смело используйте гаммы черного, серого, коричневого и красного цветов. Если же вы хотите чего-то другого то обратите внимание на позитивные и ресурсные цвета. Помните, что во многом отношение к сайту зависит от тех цветов, которые вы используете при его оформлении. Элементы восприятия играют также большую роль при оформлении сайта. Считается, что одновременно глаз человека может воспринимать около 7±2 однотипных элементов. В нашем частном случае, пункты меню сайта будут как раз именно такими элементами. Именно поэтому наиболее эффективным меню будет состоять из 5-7 пунктов. Максимум(не оптимум) из 9. Такое количество ссылок в меню позволит пользователю быстро привыкнуть и запомнить меню вашего сайта, что является одним из признаков, что вероятно он станет постоянным посетителем сайта. Выходом из данной ситуации вполне может стать разбивка элементов меню на несколько семерок ссылок. Выделение некоторых ссылок другим шрифтом(цветом) также улучшит ситуацию. Источник: неизвестный Вверх Q: Создание Meta-тегов [ FAQ → Рубрика: Оформление страниц | Комментарии ] Meta-теги и их использование. Поисковые серверы при регистрации Web-сервера, сайта или страницы используют информацию, хранящуюся в специальных тегах МЕТА, которые помещаются между тегами и большинство начинающих Web-мастеров и Web-дизайнеров не уделяют особого внимания этим тегам - и зря. Теги МЕТА не видны при просмотре документа и заметно увеличивают его размер, однако без них не обойтись. Рекомендации по составлению Мета-тегов. Правильность составления МЕТА тегов делает возможным, чтобы ваш сайт было легко отыскать при помощи поисковых систем среди огромного числа других сайтов! Для этого необходимо следовать следующим рекомендациям: Длина содержимого тегов МЕТА "desctiptions" не должна превышать 200 символов, a "keywords" - 1000 символов. Это связано с тем, что поисковые серверы, как правило, используют именно такие величины при индексировании информации о вашем сайте. Можно получить отрицательный результат, если поисковые машины отбросят часть описания, превышающего установленные нормы, в результате чего в каталог попадет не вся желаемая информация, либо сервер просто отвергнет регистрацию вашего сайта. Нужно включить все наиболее часто используемые в вашем сайте термины и их синонимы в тег "desctiptions". Можете включить и термины, не имеющие отношения к вашим страницам, однако в Internet такое поведение считается некорректным. В список ключевых слов можно вставлять и фразы. В этом случае у вашего сайта повышается шанс попасть в самое начало списка, выданного поисковым сервером (в случае совпадения фразы с той, что вводит пользователь). Для увеличения рейтинга сайта и попадания его в верхнюю часть поискового списка необходимо каждый термин, включаемый в описание, повторять около 3 раз. Поисковые машины, как правило, работают с тегами МЕТА, а в случае их отсутствия - уже с содержимым страницы. Иногда это приводит к появлению сайта в списке top 10, но может привести ик отрицательному результату (перед регистрацией проверьте поисковую машину, дав запрос и просмотрев ключевые слова у сайтов, стоящих на верхних позициях) Используйте в описаниях и списке терминов как можно больше синонимов. Не используйте в описаниях и в списке терминов понятия и слова, слабо связанные друг с другом. Cостав МЕТА-тегов 1) Для того, чтобы при просмотре документа броузер брал свежую версию документа, а не версию из кеша используется 2) Для определения броузером языка, на котором написана страница используется 3) Если неопытный Web-мастер скопирует Вашу страницу, в которой оставит следущий тег, то при заходе на эту страницу броузер автоматически перейдет на Вашу страницу 4) Для указания имени автора и дополнительной информации о нем используется 5) Для указания авторких прав используется 6) Для указания ключевых слов и терминов используется 7) Для указания краткого описания используется Полагаясь на собственные исследования в этой области, а также на профессиональных разработчиков в этой области мы рекомендуем вам при наличии большого количества страниц создать теги мета-информации с различным содержанием, описывающем содержания данной конкретной страницы или раздела. Источник: неизвестный Вверх Q: Что такое каскадные таблицы стилей (CSS)? [ FAQ → Рубрика: Оформление страниц | Комментарии ] Страшно подумать, но в июле этого года исполнилось всего 10 лет стандарту HTML 1.0 (который, кстати, так никогда и не был "официально" принят и остался в виде черновика для "внутреннего употребления"). За эти 10 лет HTML прошел очень большой путь, завоевал практически все компьютеры в мире и стал одним из самых известных "компьютерных языков" (все-таки отнести его к языкам программирования рука не поднимается)... И одним из весьма заметных этапов развития HTML стало появление CSS - Cascading Style Sheets или, говоря по-русски, каскадных таблиц стилей. Идея CSS очень проста. Если в HTML вы прямо в документе ставили указание на то, как должен выглядеть тот или иной элемент, то при использовании CSS такие указания выносятся в отдельный блок (который может либо включаться в документ, либо читаться из внешнего файла). Такой простой ход сразу дает массу преимуществ вебмастеру. Прежде всего, значительно облегчается изменение внешнего вида сайта или отдельных его элементов: достаточно изменить определение соответствующего стиля в единственном CSS-файле, и эти изменения распространятся на весь сайт. Второе преимущество - сокращение размеров документов, которое особенно заметно на "красивых" страницах. Первая версия CSS - CSS level 1 - принятая в 1996 и пересмотренная в 1999 году - позволяла оперировать только цветами, шрифтами, отступами и им подобными, относительно простыми и часто используемыми элементами. Принятая в 1998 году спецификация CSS level 2 добавила возможность абсолютного позиционирования элементов, создания стилей для разных типов устройств, использования собственных курсоров, расширила возможности по выбору элементов, к которым должен применяться тот или иной стиль, и многое другое. Естественно, что CSS level 2 поддерживает и таблицы стилей, созданные в CSS level 1. В настоящее время консорциум W3C активно ведет разработку стандарта CSS level 3 и CSS level 2 revision 1 , которые должны учесть все возрастающие потребности вебмастеров и вебдизайнеров по созданию современных и удобных сайтов. Следует учитывать, что каскадные таблицы стилей не полностью абстрагируют визуальное представление документа от его содержания, они только позволяет более компактно описать правила визуального представления. И если вы захотите изменить дизайн сайта, то вам все равно придется переписывать HTML-код (правда, сделать это будет проще, чем при отсутствии CSS). Значительно больший уровень абстракции можно получить, используя связку языков XML + XSL (из которых, в частности, можно генерировать HTML + CSS), но это намного сложнее и несколько выпадает из темы данной статьи. Но хватит теории! Давайте попробуем заняться практикой... Есть три способа описать стиль элемента в HTML-документе. Самый простой и практически не использующий преимуществ CSS способ - это указать стиль внутри тега HTML. Например, написать