Исходники: СКАЧАТЬ Файл "ZIP" 20,7 кб.
Плавная бегущая строка на jquery представляет из себя блоки с анонсами новостей или статей, которые двигаются по сайту с права налево друг за другом в фиксированном блоке.
Чаще всего, когда нам нужно было сделать бегущую строку на сайте, мы пользовались тегом MARQUEE. Однако, он не является валидным, поэтому не проходит проверку соответствия стандартам. В этом уроке мы рассмотрим создание бегущей строки на jQuery.
Положительным моментом является и то, что в контейнер с
...
Читать дальше »
Категория: Веб-Мастер |
Просмотров: 2226 |
: : |
Дата: 04.04.2017
|
|
Для сайта онлайн кинотеатр переключатель плееров, так как некоторые на один фильм, ставят не один а 2 или 3 плеера сразу. И будут вам стили под авто размер и любой каркас.
Но начнем мы с переключателя, это может пойти под части фильма или сериал не более где 4 серии. А так основном его ставят на один фильм и просто дублируют несколькими плеерами, на тот случай, если один откажет. И теперь вы можете поставить полностью рабочий скрипт, так как сейчас его проверил и он работает. И вверху у него будут красивые переключатели, и если одна кнопка становиться немного больше, значит на этой и показывает и немного меняется сам оттенок ее.
И так начнем установку:
Идем в CSS и там ставим стиль.
...
Читать дальше »
Категория: Веб-Мастер |
Просмотров: 732 |
: : |
Дата: 29.03.2017
|
|
Один из примеров как закрыть ссылки от индексации. Использование jQuery для закрытия внутренних и внешних ссылок сайта от поисковых систем.
...
Читать дальше »
Категория: Веб-Мастер |
Просмотров: 651 |
: : |
Дата: 20.03.2017
|
|
Если дизайн сайта и его контентное наполнение можно хоть как-то оценить, то узнать, насколько сайт технически оптимизирован – для многих представляется достаточно трудной и непонятной задачей. А ведь от этого напрямую зависит корректная работа ресурса, видимость его в поисковых системах и как результат конверсия сайта. Сегодня быстро пробежимся и разберем шесть важных моментов в плане оптимизации сайта. Все они используются и при аудите сайтов...
Скорость загрузки страниц
В идеале любая страница сайта должна грузиться что называется "мгновенно", скорость загрузки страницы должна находиться в интервале от 2 до 5 секунд. Нужно помнить, что скорость загрузки учитывается поисковиками при ранжировании сайтов (особенно Гуглом). Также скорость важна и для самих пользователей – не каждый пользователь будет терять время в ожидании, пока ваш сайт или его отдельные страницы загрузятся. Прождав 5-10
...
Читать дальше »
Категория: Веб-Мастер |
Просмотров: 579 |
: : |
Дата: 20.03.2017
|
|
Мета-теги – специальные, необязательные атрибуты, предназначенные сугубо для поисковых систем. Размещаются мета-теги непосредственно после «Title» и могут содержать в себе описание страницы, ключевые слова, запрет/разрешение на индексацию страницы, автора страницы и другую информацию.
Выглядят мета-теги таким образом:
<meta name="атрибут" content="набор слов">
<meta http-equiv="атрибут" content="действие">
Существует только два типа мета-тегов, это «name» и «http-equiv», первые отвечают за текстовую информацию на странице, а вторые формируют заголовок. А теперь подробно рассмотрим основное мета-теги.
Мета-тег Description
Этот мета-тег предназначен
...
Читать дальше »
Категория: Веб-Мастер |
Просмотров: 757 |
: : |
Дата: 18.03.2017
|
|
Доброго времени суток! Устраивает ли вас цвет ссылок друзья на вашем блоге или сайте? Если нет, и вы хотите изменить цвет ссылки, не беда. Сегодня я научу вас, как изменить цвет ссылки в HTML и CSS коде.
Работа с кодом HTML и CSS всё это, будет работать на любо
...
Читать дальше »
Категория: Веб-Мастер |
Просмотров: 636 |
: : |
Дата: 23.12.2016
|
|
Прекрасная реализация новостной ленты в форме бегущей строки. Работает на jQuery и представляет из себя небольшой продолговатый блок, где превью новости или рекламы плавно появляется в этом блоке, как будто его кто то печатает. Бегущая строка великолепно подойдет новостному сайту. Она экономит место и привлекает внимание посетителей одновременно.
Данную строку можно поставить на любой сайт, так как почти на каждом сайте есть новостная лента или текстовый рекламный блок. Его можно оформить таким образом, как этот великолепный
...
Читать дальше »
Категория: Веб-Мастер |
Просмотров: 1260 |
: : |
Дата: 06.11.2016
|
|
Рекомендую прочитать статью до конца и выбрать подходящий для вас вариант.
301 редирект. Давайте дадим объяснение этому термину, и я постараюсь самым подробным образом рассказать вам о нем. Итак, редирект – это специальный метод перенаправления пользователей и роботов поисковых систем на другой URL, отличный от того, который они запросили ранее. Приведу простой пример, ваш читатель попадает на страницу /catalog/page1.html, а его автоматически переадресовывает на страницу /catalog/page2.html, таким образом срабатывает 301 редирект и в конечном результате вы предоставляете пользователю вашего сайта, нужную информацию.
В каких случаях вообще нужно применять редирект и примеры решаемых задач с помощью данного перенаправления:
...
Читать дальше »
Категория: Веб-Мастер |
Просмотров: 1755 |
: : |
Дата: 09.10.2016
|
|
Мета-теги – специальные, необязательные атрибуты, предназначенные сугубо для поисковых систем. Размещаются мета-теги непосредственно после «Title» и могут содержать в себе описание страницы, ключевые слова, запрет/разрешение на индексацию страницы, автора страницы и другую информацию.
Выглядят мета-теги таким образом:
<meta name="атрибут" content="набор слов">
<meta http-equiv="атрибут" content="действие">
Существует только два типа мета-тегов, это «name» и «http-equiv», первые отвечают за текстовую информацию на странице, а вторые формируют заголовок. А теперь подробно рассмотрим основное мета-теги.
Мета-тег Description
Этот мета-тег предназначен для краткого описания страницы, а также, в некоторых поис
...
Читать дальше »
Категория: Веб-Мастер |
Просмотров: 702 |
: : |
Дата: 09.10.2016
|
|
Теги Meta Description и Meta Keywords — что это и зачем
Еще один важный момент, касающийся поисковой оптимизации — теги META Description и META Keywords. Эти два тега, согласно спецификации W3, имеют вид:
<META name="description" content="Краткое описание содержания страницы.">
<META name="keywords" content="ключевые слова,фразы,через запятую">
Как минимум первый из них (Description) играет важную роль в анализе контента поисковыми системами и при правильном использовании может как повысить позиции сайта в выдаче, так и увеличить CTR страниц. Тег Description часто используется поисковой системой в качестве сниппета (короткого описания страницы в выдаче), также в нём может выполняться поиск запроса.
Что касается тега Keywords — сегодня его эффективность под сомнением. Например, Google уже полностью отказался от его использования. В документации Яндекса написано «может учитываться при определении соответствия страницы поисковым запросам». Таким образом, ждать ошеломляющего эффекта после добавления данного тега не стоит, но в то же время правильное его использование теоретически может дать определенное улучшение.
...
Читать дальше »
Категория: Веб-Мастер |
Просмотров: 1415 |
: : |
Дата: 02.10.2016
|
|
|