HTML5 canvasЧто такое canvas HTML5 ?

Если верить англо-русскому словарю, то можно узнать что canvas переводится как холст, а если верить википедии, то можно узнать что тег canvas, это элемент HTML 5, который предназначен для создания растрового изображения при помощи JavaScript. Тому как создать это растровое изображение PageRanker.Ru и посвящает эту небольшую, но полезную статью. Прежде чем начинать пробовать свои силы в не легком деле web разработки, рекомендуется уже иметь базовые знания о том что такое HTML5 и с чем едят JavaScript.

Где применяется тег canvas HTML5?

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

Организация Mozilla Foundation ведёт проект под названием Canvas 3D, целью которого является добавить низкоуровневую поддержку графических ускорителей для отображения трёхмерных изображений через HTML элемент canvas.

История создания canvas HTML5

Впервые элемент canvas был представлен компанией Apple в движке WebKit для Mac OS X с целью последующего его использования в приложениях Dashboard и Safari.

Поддержка canvas в Gecko появилась в версии 1.8 (версия 1.5 браузера Firefox), в Presto с версии 9.0 веб-браузера Opera. В Internet Explorer 9 поддержка canvas реализована только начиная с версии Platform Preview 3. Ранее ситуацию с отсутствием canvas в IE исправила компания Google, выпустившая собственное расширение, написанное на JavaScript, под названием ExplorerCanvas

Итак, за работу! Переходим к практике:

Подробнее: Что такое Canvas HTML5 и как он работает?

  • Hits: 82

Создаем альтернативные стили оформления.

  • В файле css шаблона надо найти класс contentheading. Например, он выглядит так:

    .contentheading {
    lfont-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #663300; }

  • Копируем его и добавляем суффикс (например, -alt);

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

Подробнее: Изменение стиля оформления на сайте

  • Hits: 3077

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

Однако основные минимальные требования, предъявляемые к сайту перед его продвижением все же решили Вам поведать.

Требования к продвигаемому сайту

Что как минимум должно быть на новом сайте?

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

  • одна картинка в форматах .jpg, .png, .gif, размером от 240 пикселей
  • описательный и связанный единым смыслом текст, длиной не менее 200 знаков

На этом всё =)

Этой информации достаточно, чтобы раскрутить такой сайт за пару месяцев до попадания в поисковой выдаче в ТОП-1 по 3-5 средне-частотным запросам.

Как правильно разместить информацию на продвигаемом сайте?

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

Какую конкретно разметку использовать?

  1. Картинка обязательно должна иметь заполненный тег "alt="
  2. Текст и картинка должны быть размещены в центре экрана
  3. Текст должен быть рядом с картинкой (под ней, над ней, справа или слева от неё)
  4. Допускается оформление отступов прямой HTML-разметкой
  5. Важно: наличие или отсутствие CSS почти никак положительно не влияет на продвижение такого сайта. Использование каскадных таблиц стилей для продвижения сайта не требуется.
  6. Цвет текста должен резко контрастировать с фоном (в идеале: черный текст на белом фоне)
  7. Ссылки на странице недопустимы (они только усложнят продвижение)
  8. Не используйте H1 при имеющемся TITLE на этой странице

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

Подробнее: Минимальные требования к продвигаемому сайту

  • Hits: 3366

Увеличение посещаемостиЧем больше посетителей на Вашем сайте, тем больше потенциальная прибыль и процент продаж.

Увеличение посещаемости в раскрутке сайта – это один из способов SEO-продвижения сайта, при котором Вы платите не за позиции в ТОПе, а за количество посетителей из поисковых систем. Продвижение сайта по такой схеме в максимальной степени отвечает целям клиента и позволяет обеспечить высокий уровень конверсии.

Особенности увеличения посещаемости на сайте

  • Оплата только за реальных посетителей, а не за позиции
  • Значительный прирост трафика
  • Быстрое достижение результата

Кому выгодно увеличивать посещаемость сайта?

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

Пример успешного увеличения трафика на сайте

Клиент пришел с продвижения по позициям. За 4 месяца мы превысили прогноз поискового трафика в 3 раза. Постоянно в продвижение подключаются новые регионы, соответственно, растет охват целевой аудитории.

Главные плюсы от увеличения посещаемости

Увеличение посещаемости сайта

Быстрая отдача. При продвижении с оплатой за трафик посетители начинают приходить по низкочастотным целевым запросам уже после оптимизации сайта. Эта схема позволяет в короткие сроки привести посетителей даже на молодые сайты, которые нельзя быстро вывести на высокие позиции в ТОПе по средне- и высокочастотным запросам.

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


Оплата за результат. При раскрутке сайта по такой стратегии не нужно оплачивать позиции в поисковой системе – клиент платит только за реально приведенных потенциальных покупателей.

Как увеличить количество посетителей?

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

Подробнее: Как увеличить посещаемость?

  • Hits: 3115

Уважаемые веб-мастеры !

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

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

Продвижение сайта в поисковых системах

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

Быстрая индексация сайта

Прежде всего система создает видимость продвигаемого сайта в сети Интернет. Для этого используются ссылки. Ссылки на сайт и на конкретный его материал размещаются системой на различных хорошо индексируемых веб-ресурсах, таких как сициальные сети Вконтакте, Одноклассники, Facebook и Twitter. Этот механизм обеспечивает новому материалу продвигаемого сайта быструю индексацию.

Увеличение показателей сайта

Очень эффективным фактором продвижения сайтов является передача части показателей оценки видимости сайта в сети Интернет продвигаемому проекту. К этим показателям относятся ТИЦ поисковой системы Яндекс и PageRank поисковика Google. Каждая ссылка на продвигаемый сайт передает ему часть принадлежащего сайту на котором размещена ссылка показателя ТИЦ или PR. Совокупный суммарный PageRank или Тематический индекс цитирования увеличивает показатели продвигаемого сайта. Чем выше PR и ТИЦ тем зайт значимее для поисковых систем. Вот почему грамотная система продвижения сайтов должна наращивать сайту CY и PR.

Trustrank

Однако не нужно забывать о качественном трафике. Каждый сайт имеет показатель TrustRank, который говорит поисковикам об уровне доверия сайту. Ссылки с сайтов с низким trustrank наносят вред продвигаемому сайту тем, что передают часть своей негативной кармы. Следите за качеством ссылок.

Подробнее: Система продвижения сайтов

  • Hits: 2962

Главная страница сайтаМногие компании-владельцы сайтов со временем задаются вопросом – что разместить на главной странице, чтобы сайт занимал ТОПовые позиции поисковых систем и преобладал над конкурентами?

Однозначный ответ на этот вопрос дать сложно, но мы укажем на то, что должно привлекать к Вашему сайту повышенное внимание со стороны поисковых гигантов и обычных посетителей. Давайте обозначим, что же разместить на главной странице сайта, чтобы его место не опускалось ниже ТОП-5. Первое, что влияет на позиции сайта в поисковой системе – это контент сайта.

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

Самые успешные цвета шрифта на белом фоне – черный, серый, темно-серый, темно-синий, темно-зеленый, зеленый, красный, темно-голубой, синий, серый. Цвета ссылок сайта предпочтительно использовать следующие: синий, красный, зеленый, темно-голубой или серый. Цвет ссылок должен быть отличным от цвета шрифта. Главная страница сайта должна содержать дескрипторы H1, H2, H3, H4, title. То есть, на основной странице должны быть ссылки на материалы внутренних страниц сайта. Заголовки материалов должны являться ссылками. На каждый раздел сайта должна быть хотя бы одна ссылка с главной страницы. Это может быть, например ссылка из меню сайта.

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

Подробнее: Что разместить на главной странице сайта?

  • Hits: 14124

go.phpНемаловажным фактором, способствующим продвижению сайта в поисковых системах и увеличению его посещаемости, является использование редиректа (переадресации) внешних ссылок с помощью файла go.php

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

1. Создаем в корне сайта на хостинге директорию /go

2. Добавляем в неё файл index.php с таким содержанием:

Go php script

3. При публикации ссылок используем следующую структуру ссылки:

http://my-web-site.ru/go/?http://other-web-site.ru/

4. Для верности добавляем в директорию /go файл .htaccess с одной единственной строкой:

DirectoryIndex index.php

Это исключит возможные проблемы с хостингами.php слон

5. Закрываем индексацию в robots.txt всех ссылок таким образом:

User-agent: *

Disallow: /go/

В результате мы получаем абсолютно безопасные ссылки внешние ссылки с сайта, считаемые поисковыми системами внутренними ссылками.

Подробнее: Скрипт редиректа go.php для внешних ссылок

  • Hits: 16560

CSS верстка - отступы margin

CSS MarginВидя, когда новички верстая страницу за страницей, допускают кучу ошибок, делая отступы маргин и до конца не понимая, как этот самый маргин на самом деле работает, PageRanker.Ru решил написать для Вас данную статью.

Начинающим верстальщикам описание функции margin при CSS-верстке страниц точно будет полезна, а вот профессионалам — сомневаюсь, так как человек занимающийся не первый год версткой уже обязан «вызубрить» наизусть все особенности данного свойства.

В этой части статьи я напишу о вертикальном маргине. О горизонтальном поговорим в следующей статье (Ищите её в разделе Web разработка).

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

Cm, mm, inch, pc, pt – абсолютные единицы измерения. Рекомендуется использовать при печати документов.

Px, em, ex, % — относительные единицы, используются для мониторов.

Для маргина, я использую px и %, а em – для указания размеров шрифта. Ex( в IE ex = em / 2 ) – использовать не рекомендую, т.к в каждом броузере интерпретируется по-разному.

И вообще, в какой единице вы бы не указали отступ или размер шрифта: броузер все преобразовывает в пиксели, не учитывая при этом область просмотра.

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

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

Как я уже писал выше, размеры для маргина могут проставляться в em, ex, px – жесткое задавание и в % — считаются относительно какой-то области.

Подробнее: CSS верстка - отступы margin

  • Hits: 9051
 

По какому запросу пришел посетитель?

Многие веб-мастера интересуются у PageRanker.Ru, как разместить у себя на сайте скрипт с информацией о том,

по какому запросу посетитель пришел на сайт?

Скрипт пишется на языке .php, а затем вставляется в указанное Вами место на сайте. Информация отображается в виде того запроса, с коротого посетитель пришел к Вам на сайт. Стоит отметить, что при прямых заходах узнать по какому запросу пришли на сайт не представляется возможным в связи с отсутствие каких-либо запросов. Этот нюанс необходимо обозначить. Лучше всего заменять пустые запросы словами "Пришли напрямую" или "Переход без запроса". Но на этом PageRanker.Ru останавливаться сейчас не будет.

Давайте рассмотрим, как построен сам скрипт проверки запроса, по которому посетитель пришел на сайт:

$er_time=date("H:i:s d M Y"); // записываем текущее время в строку,
//используя заданный формат
$U=getenv("HTTP_USER_AGENT"); // получаем данные о софте,
//который испольует пользователь
$H=getenv("HTTP_REFERER"); // получаем URL, с которого пришёл посетитель
$R=getenv("REMOTE_ADDR"); // получаем IP посетителя
$W=getenv("REQUEST_URI"); // получаем относительный адрес странички,
//которую запросил посетитель

while (ereg('%([0-9A-F]{2})',$H)){ // пока в строке $H будет хоть одно
//сочетание знака % и двух символов из диапазонов 0-9 и A-F
//(шестнадцатиричные цифры)
$val=ereg_replace('.*%([0-9A-F]{2}).*','\1',$H);
// присваиваем $val результат замены выражения,
//содержащего процент и два символа из означенных выше интервалов,
//на эти самые два символа
// короче говоря, теперь в $val у нас очередные 2 символа,
//перед которыми в исходном выражении стоял процент
$newval=chr(hexdec($val)); // получаем сивол с номером,
//полученным переведением полученного в $val

Подробнее: По какому запросу пришли на сайт?

  • Hits: 10620

Изготовление веб сайта с нуля

Изготовление веб сайта с нуля - сложный творческий процесс, в результате которого создается уникальный и современный дизайн сайтов, ориентированных на выполнение определенных маркетинговых задач, соответствующую целевую аудиторию и учитывающих особенности профессиональной деятельности заказчика. Изготовление веб сайтов с нуля, которые будут приносить финансовую отдачу и соответствовать поставленным целям – это принципиальный подход к работе сайта www.pageranker.ru ®.

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

Изготовление веб сайта с нуля

Из чего состоит этот процесс?

Изготовление и продвижение веб сайтов

Основная деятельность Пэйджранкер.Ру - создание, продвижение и сопровождение сайтов, приносящих прибыль заказчикам.

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

Основная задача оптимизации и раскрутки изготовленного с нуля веб сайта – сделать его хорошо узнаваемым и легко находимым. Имея большой опыт в изготовлении, раскрутке, оптимизации и продвижении веб сайтов, изготовленных с нуля, Пэйджранкер.Ру отлично справится с этой задачей.

Основные преимуществаОсновные преимущества изготовления веб сайта с нуля

Изготовление веб сайтов с нуля для сервисного обслуживания потребителей. Часто веб сайты используются для двусторонней связи «компания - клиент», где любой сможет получить ответ на вопрос или решить с помощью сотрудников Вашей фирмы возникшие проблемы.

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

Основные этапы изготовления веб сайтов с нуля

Разработка технического задания является первым и наиболее важным этапом в работе и позволяет не упустить детали, которые окажут влияние на качество изготавливаемого с нуля веб сайта. С веб-мастером PageRanker.Ru, ответственным за ведение проекта согласовываются дизайн, структура меню, наполнение.

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

Подробнее: Изготовление веб сайта с нуля

  • Hits: 8900

Логотип сайта

Логотип сайтаФирменный логотип сайта является наиболее важным инструментом и обязательным для обеспечения репутации организации. Когда логотип сайта создан качественно, он может придать профессиональный и презентабельный вид сайту, визитным карточкам, фирменным бланкам и остальным материалам фирмы. Самым важным при создании логотипа сайта является соблюдение уникальности и соответствия сфере деятельности компании. 

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

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

Можно отметить несколько аспектов, которые надо учитывать при разработке логотипа для фирмы. Именно они будут важным критерием, когда вы будете оценивать, выполняет ли ваш логотип ожидаемые функции. Во-первых – по логотипу все должны понять, чем занимается компания. Важной целью создания логотипа остается придание представительного вида для фирмы. То есть вам надо заставить будущих покупателей понять по логотипу, продукцию или услуги вы предлагаете. Потом необходимо уточнить выглядит ли ваш логотип удачно в различных размерах. Поскольку вам, наверняка, нужно будет его уменьшать и увеличивать. Кроме этого проверьте, что он хорошо смотрится при разных изменениях. При подборе концепций для логотипа, немаловажными факторами являются его уникальность и оригинальность. Разумеется, вы хотели бы, чтобы все узнавали ваш логотип, а также сравнивали только с вашей компанией. Поэтому он должен быть интересным, уникальным и качественным и притягивать к себе внимание.

Подробнее: Логотип сайта

  • Hits: 6673