Коды для сайта – Как написать простую HTML-страничку / Полезное / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY

Полезные коды для страниц сайтов

Оптимизируем исходный html код страницы сайта. Укажем автора контента для поисковых систем яндекс и google с помощью добавления кодов. Популярные способы защиты текста от копирования.

  • Указываем автора поисковой системе гугл.
  • Указываем автора поисковой системе яндекс.
  • Защищаем тексты от копирования.

 

Авторство для гугл

 

Для того, чтобы указать свое авторство для поисковой системы гугл, нужно воспользоваться собственным профилем google плюс. В код ссылки на странице добавляется атрибут rel=author. Выглядит это следующим образом:

<a href="https://plus.google.com/117134859089642446586" rel="author" >Ваш профиль в Google+</a>
или
<a href="https://plus.google.com/117134859089642446586/about?rel=author">Ваш профиль в Google +</a>

 

Куда вставлять эту ссылку с добавлением rel="author"

 

В любое место на странице. Например, в статье указать свой профиль или в конце статьи рядом с кнопками социалок. Как выглядит, посмотрите ниже. Мне кажется, что гармонично добавить эту ссылку рядом с «плюс 1 – рекомендовать в Google».

Текст можно применить любой, например, «Мой профиль в Google+». Вместо текстовой ссылки подойдет и иконка.

 

Как указать сайт в своем профиле гугл плюс

 

Путь: профиль – о себе – мои публикации. Добавляем ссылку на свой авторский сайт.

После всех проделанных шагов проверяем, что видит поисковый монстр.

Проверяем отображение при помощи тестирования страниц Rich Snippets Testing Tool ]]>здесь]]>

 

Авторство для яндекса

Указание авторства для яндекса.

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

Защищаем сайт от копирования

Можно защитить от копирования тексты самой веб-страницы. Для этого добавляем в html код к тегу <body> атрибут:

<BODY oncopy=”return false” bgColor=#ffffff >
Таким образом контент нельзя будет скопировать при помощи правой кнопки мыши. Но эта защита для ленивых, при желании можно повозиться и получить желаемое.

Как работает.
В этом случае сработает ложное копирование. В буфере будет пусто.

Вставка между тегами кода

<script type="text/javascript"><!--mce:0--></script>
или
<script type="text/javascript"><!--mce:1--></script>
полностью запретит копирование через контекстное меню.

Между тегами <HEAD>…</HEAD> можно вставить один из трех вариантов:

<meta http-equiv="pragma" content="no-cache" />
Или
<meta http-equiv="no-cache" />
Или
<meta http-equiv="cache-control" content="no-cache" />

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

Запрет кеширования страницы в браузере и невозможность просмотреть на локальной машине в оффлайн режиме.

Важно! На заметку.

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

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

Отсюда вывод: проще обозначить свое авторство с помощью предлагаемых инструментов google и яндекса.

Еще способ запретить копировать с вашего ресурса:

  • Значок копирайта и запрет копирования без простановки активной ссылки на сайт источник тоже может остановить совестливых воров контента.
  • Не нужно забывать о трансляциях rss канала. Не следует транслировать статьи полностью, выпускайте небольшой анонс. Полезно будет добавлять в ленту новостей и ссылку с указанием автора.
  • Также не забудьте про оригинальные картинки. Для их защиты используются водяные знаки.
  • При автоматическом вытягивании вашего ценного контента может пользу принести внутренняя перелинковка. Вставляйте в каждую свою статью ссылки на внутренние страницы.

Сниппеты или расширенные описания для гугл

Полезный сервис гугл «Инструменты для веб-мастеров» предоставляет возможность составить сниппет с помощью разметок. ]]>Пункт ]]>«Расширенные описания веб-страниц (микроданные, микроформаты и RDFa)»

Гугл поддерживает описания для следующих типов контента:
отзывы, люди, товары, компании, рецепты, мероприятия, музыка.

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

Для яндекса кроме сниппетов стоит настроить быстрые ссылки.
Каким образом, хорошо рассказывает сам поисковик.

Страница 2

Описание сайта

 <!DOCTYPE html>
<html lang="ru">
    <head>
      <meta charset="utf-8" />
      <title>Название сайта</title>
	</head>
<body>
  <table 
   border="1"
   align="center"
   rules="rows"
  >   
    <tr>	
      <td>
 
<!--ШАПКА САЙТА-->

  <table 
   border="1" 
   background="images/168.png"
   bgcolor="#7FFFD4"   
   cellpadding="10" 
  >  
    <tr>	
      <th>	  
       <h2>Название сайта (организации)</h2>  
	   <h4>Описание сайта</h4>	   
      </th> 
    </tr> 
  </table>
 
<!--ОСНОВНОЙ КОНТЕНТ--> 

  <table 
  border="1"
  bgcolor="#e6e6fa" 
  cellpadding="10" 
 >  
    <tr>	
      <td 
	  rowspan="2" 
	 > 
	   <h3>Страница 2</h3>	   
        <p>
		Здравствуйте уважаемые будущие веб-мастера! 
		Мне 55 лет и я рад приветствовать Вас на своём сайте. 
        Этот сайт первый, который я разработал самостоятельно, 
        а до этого умел только входить в интернет.</p>
 
        <p>Почему я решил его сделать? 
        За те 3 месяца, пока разбирался в 
        сайтостроении и создавал этот ресурс обнаружилось,
        что авторы руководств по созданию
        сайтов считают многие нюансы само собой разумеющимися 
        и не обращают на них внимание
        А мне, учитывая возраст и «опыт», было не просто
        понять как раз эти нюансы, они отнимали больше всего
        времени.</p>
      </td>
 
<!--САЙДБАР-->
 
      <td bgcolor="#e6e6fa"> 
       <h4>Меню</h4>	   
         <p>		 
		 <a href="">
		 <img src="http://trueimages.ru/img/31/ab/4dcb087c2ae4305edcd15171696.jpg">
		 <span>Главная</span></a>
		 </p> 
         <p>
		 <a href="">
		 <img src="http://trueimages.ru/img/31/ab/4dcb087c2ae4305edcd15171696.jpg">
		 <span>Cтраница 1</span;></a>
		 </p> 
         <p>
		 <a href="">
		 <img src="http://trueimages.ru/img/00/06/f4fffdb5.png">
		 <span>Страница 2</span></a>
		 </p>		 
      </td> 
    </tr>	
    <tr>	
      <td 
	  bgcolor="#e6e6fa" 
	  align="center"> 
       <h4>Дополнительная информация</h4> 
         <p>Текст дополнительной информации</p>		 
      </td>
    </tr>
  </table>
	
<!--ПОДВАЛ-->

  <table 
   border="1" 
   bgcolor="#7FFFD4" 
   
   cellpadding="10" 
  >   
    <tr>
      <th> 
       <h4>Подвал</h4>	   
      </th> 
    </tr> 
  </table>  
      </td>       
    </tr>  
  </table>
 </body> 
 </html>

Рекомендую: Бесплатные HTML шаблоны на русском от TemplateMonster

Запись опубликована в рубрике HTML основы. Добавьте в закладки постоянную ссылку.

Установка кода счётчика на сайт — Онлайн-курсы Яндекса

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

Установка счётчика

Счётчик создан — теперь его код следует добавить на все страницы сайта. Код находится в настройках: нажмите на кнопку-шестерёнку.

Выберите вкладку «Счётчик» и промотайте в конец страницы.

Где размещать код

Для сайтов на CMS*Для сайтов без CMS

Если ваш сайт работает на CMS-системе, код счётчика нужно вставить в файл, отвечающий за генерацию заголовка (header) всех страниц сайта. В этом случае код также размещается после открывающего тега <head> или <body>.

Для самых популярных CMS существуют официальные плагины Метрики, которые позволяют установить код счётчика автоматически: как правило, достаточно установить плагин и пройти авторизацию.

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

* CMS-система — это программа для управления содержимым сайта, от англ. Content Management System. С её помощью можно загружать и удалять с сайта тексты, изображения или видео, не имея навыков программирования.

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

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

На что обратить внимание

  1. Часто на одном сайте используются несколько CMS. Например, одна отвечает за содержимое сайта, а другая — за форум. Код Метрики нужно разместить в каждой CMS.
  2. Код нужно добавить на все страницы вашего сайта без исключений. Если на каких-то страницах кода не окажется, для Метрики посетитель будет то возникать на сайте, то пропадать, и тогда в статистику попадут искажённые данные.
  3. Если вы измените настройки кода счетчика Метрики, вам потребуется обновить код, размещённый на вашем сайте.

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

Задание

Создайте счётчик Метрики и установите его на ваш сайт.

Как сгенерировать QR-код и чем его читать

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

Аббревиатура QR производная от англ. quick response, что переводится как «быстрый отклик». Основное достоинство QR-кода — лёгкое распознавание сканирующим оборудованием (в том числе и фотокамерой мобильного телефона).

Максимальное количество символов, которые помещаются в один QR-код: цифры – 7089, цифры и буквы (включая кириллицу) – 4296, двоичный код – 2953 байт, иероглифы – 1817.

Как создать QR-код

Чтобы сгенерировать QR-код для сайта, визитки, рекламы или просто забавы ради, воспользуйтесь одним из следующих сервисов:

  • qrcoder.ru
  • qrcc.ru
  • qr-code-generator.com
    Этот сервис позволяет генерировать динамические QR-коды, которые можно изменять в любое время.
  • qrmania.ru
    Здесь можно создать цветной QR-код и сразу заказать его печать на футболке, сумке, значке или магните.
  • creambee.ru
    Можно создать цветной QR-код или с градиентом, с логотипом или картинкой-фоном.

Алгоритм создания кода одинаков для всех сервисов:

  1. Задайте, что именно вы хотите «зашить» в QR-код: URL, текст, телефонный номер или SMS. От данного выбора зависит что программа-сканнер вашего телефона будет делать с полученной информацией после сканирования: открывать браузер, звонить или открывать программу редактирования SMS-сообщений.
  2. Введите данные.
  3. Сгенерируйте код нужного размера и цвета.

Как читать QR-коды

Установите приложение для чтения QR-кодов:

Цена: Бесплатно


Цена: Бесплатно

Камера смартфона будет сканировать QR-код, а программа распознает код и выполнит зашитое в коде действие.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *