Полезная информация для начинающего вебмастера с примерами кода

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

Jekkyавтор Jekky
Полезная информация для начинающего вебмастера с примерами кода

Полезная информация для начинающего вебмастера: файл robots, якорь на странице, как увеличить картинку на сайте, обучение с примерами кода для начинающих.

Как составить правильный роботс, файл robots.txt

Как составить правильный роботс, файл robots.txt

Правильно составленный файл robots.txt влияет на продвижение сайта. Формируем правильный robots.txt
В чем правильность? В том, что этот рабочий файл указывает поисковикам, что смотреть, а что - не смотреть, чтоб не отвлекаться и не 'распылять внимание'.
Так же это возможность указать, где находится карта сайта (sitemap.xml), чтобы поисковик быстро нырнул в карту сайта и разобрался со структурой и страницами.
Так же в карте сайта указывается правильный протокол сайта (http или https) и правильный адрес основного зеркала сайта (с www или без).
Скопируйте данный код, заменив адрес файла Sitemap и изменив адрес host. Где 'ненужная папка (файл)' пишется обычно то, что индексировать не нужно, папки админки, служебная информация.

Robots.txt пишем в коде


User-agent: *
Disallow: /ненужная-папка
Disallow: /ненужный-файл.php
Sitemap: https://вашдомен/sitemap.xml
Host: https://вашдомен

Как сделать ссылку (якорь) на определенное место на странице сайта


Ссылка 'якорь' на определенное место на странице сайта Здесь все просто. Там, куда нужно попасть, ставим 'якорь.
Там, откуда нужно попасть, ставим ссылку на 'якорь'. Выглядит так 'a href=#якорь'. Оборачиваем в ссылочные теги 'a'.
Если нужно попасть на определенное место НА ДРУГОЙ СТРАНИЦЕ САЙТА, пишем ссылку на страницу стайта, потом ставим #, потом прописываем 'якорь'. Выглядит так 'страница сайта#якорь. Сам 'якорь' присваивается как id. Выглядит, к примеру так id='yakor'. Ниже код для примера.

Якорь пишем в коде


ССЫЛКА НА ЯКОРЬ НА ТОЙ ЖЕ СТРАНИЦЕ
<a href="#yakor">Текст ссылки</a>
САМ ЯКОРЬ 
<h1 id="yakor">Какой то заголовок</h1>
или
<div id="yakor">Какой то текст</div>
ССЫЛКА НА ЯКОРЬ НА ДРУГОЙ СТРАНИЦЕ 
<a href="страница.php#yakor">Текст ссылки</a> 

Скрипт для увеличения картинки


Как увеличить картинку при нажатии, на примере картинки выше (нажмите).
Для увеличения картинки при нажатии на нее мышкой нужно скачать папку js в корень сайта, прописать нужные стили в head и написать правильный html код в том месте страницы, где фото.
Папку js можно скачать здесь
Код стилей написать в head в <style></style>, Смотрите ниже - в коде что скопировать в head
Код html картинки так же смотрите ниже - в коде

Скрипт увеличения картинки


									    
			    
ВСТАВИТЬ МЕЖДУ ТЕГАМИ head    
<!--скрипт для ув картинки---->
<script type="text/javascript" src="js/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="js/highslide.css" />
<script type="text/javascript"> 
hs.graphicsDir = 'js/graphics/';    
hs.wrapperClassName = 'wide-border'; 
</script>    
    
ВСТАВИТЬ НА СТРАНИЦЕ, ГДЕ КАРТИНКА    
    
<div style="width: 30%;">
               <a href="ПУТЬ-К-КАРТИНКЕ" onclick="return hs.expand(this)">
               <img src="ПУТЬ К КАРТИНКЕ" alt="Описание картинки" title="Всплывающее описание"></a>
          </div>