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

Правильно составленный файл 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>