Ingernirated

Обобщил и структурировал комментарии к видео ув. тов. Demi Murych

Работа с изображениями, это точно такой же сложный процесс, как и работа с сайтом в целом. И факторов ранжирования у изображение намного больше, чем просто формальное - уникальное изображение или нет.
Вы знаете как сильно влияет соотношение сторон изображения?
Как сильно влияет качество изображения?
Как влияет то - коммерческий запрос или нет?
Как в связи с качеством запроса (коммерческий или нет) влияет контрастность изображения?
Начните с справки от гугла о _базовых правилах для изображений товара_, где они рекомендуют ЧТО надо делать. Продолжите это же справкой из мерчант центра. А потом попробуйте провести опыты на своих проектах, соблюдая хотя бы эти базовые рекомендации.
И это не говоря о более тонких сентенциях, вроде крайне сильного влияния тех изображений которые висят в топе уже давно, на то каким нужно быть чтобы их вытеснить.

Бот сейчас оценивает очень много параметров к фото:
0. Качество исходного изображения.
1. Есть ли превью с разными соотношениями сторон.
2. Есть ли превью с разным разрешением для пунтка 1.
3. Какова контактность изображения.
4. Каков фон изображения.
5. Какой интент запроса - коммерческий или информационный.
6. В зависимости от пункта 5, каковы факторы изображений которые лежат в топе уже давно.
И все это делается без влияния на то, чтобы замедлить работу страницы.
Иначе говоря, бот может проиндексировать ваше HD изображение в 10 Мп, при этом посетитель видит микро превьюшку которой достаточно для его текущих условий отображения.
Главное чтобы сайт работал быстро в соотношении с тем, чтобы бот проиндексировал максимальное качество изображения. Что сейчас легко делается любым нормальным специалистом в этой области. То есть, посетитель должен видеть ровно то, что ему будет полезно в соотношении - качество экрана к текущему каналу. Бот же должен индексировать максимальное качество изображения. И это только базовые факторы.

Оптимизация (уменьшение) размера изображений без потери качества ускоряет загрузку страниц.
Если суммарно ускорение получается заметное, то со временем это дает плюс в позициях.
Оптимизация изображений не сводится только к работе с объемом файла.
Но и с - предоставлением всех вариантов превью изображения поисковому роботу.
Желательно во всех доступных разрешениях - 1x1 4x3 16x9 оригинал.
В соответствующих разрешениях для разных типов экранов.
В результате чего в проектах где делают все правильно, одна картинка в карточке товара или статье, фактически представляется не менее 10 разными файлами.
И Google это очень ценит.
Яндекс меньше, но тоже любит.

Первый главный влияющий фактор на то какие требования предъявляют к изображению является качество запроса - коммерческий запрос или информационный.
Если запрос коммерческий (грубо говоря купить кроссовки) то изображение должно удовлетворять следующим базовым требованиям:
1. Иметь белый или светло серый фон.
2. обладать максимальным контрастом к фону.
3. иметь как можно меньше лишних обьектов в кадре.
4. должно иметь разрешение выше чем у конкурентов, но не более 10мп
5. обьем файла должен быть не более 12 мегабайт.
6. изображение должно быть доступно через атрибут src тега img, должно быть частью разметки (product, или imageobject) внутри которой должны быть дополнительные ссылки на файлы превью для соотношений сторон 16x9 4x3 1x1.
Если запрос информационный, то пункты 1, 2, 3 не учитываются.

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

Однако (мнение автора видео):
Для продвижения в поиске по картинкам - да.
Для роста позиций в поиске - в Яндексе вообще влияния не замечено ни на одном проекте.
В Google - есть, но незначительное по сравнению с другими факторами.
Для меня критерий эффективности методики один: если я вложу бюджет следующего месяца преимущественно в эту работу, насколько я большой плюс по трафику и заработку с проекта смогу получить и через какой срок (не важно свой это проект или клиентский). И в этом смысле во-первых: 1) трафик с яндекс-картинок и гугл-картинок меня интересует в последнюю очередь (так как конвертируется в большинстве ниш очень плохо по сравнению с трафиком с веб-поиска) 2) есть много факторов, вложив бюджет в улучшение которых я получу больше отдачу 3) некоторый рост трафика только с гугла в результате работы с изображениями в большинстве случаев недостаточен. Мой опыт показывает, что стратегически это не такие полезные действия как об этом говорит Google. И это всегда вопрос стиля и опыта оптимизатора и владения теми или иными инструментами. И тогда не удивительно, что в вашем опыте изображения - это одна из основ стратегии, а в моем - дополнительный инструмент.

Вывод: В настоящий момент ВЛИЯЮТ в Google, гораздо меньше в Яндекс, в будущем БУДУТ ВЛИЯТЬ во всех поисковых системах.

У гугла даже отдельная статья по шрифтам есть https://developers.google.com/web/fundamentals/per... специально для вас) и там все необходимые форматы шрифтов рассмотрены

eot - для старых версий Internet Explorer
woff и woff2 - современные форматы шрифтов для веб (весят меньше, чем ttf)
woff2 более современный и весит ещё меньше, чем woff, но меньшая поддержка старыми браузерами
https://caniuse.com/#search=eot
https://caniuse.com/#search=ttf
https://caniuse.com/#search=woff
https://caniuse.com/#search=woff2

Влияют, но по сравнению с другими факторами это 0 целых Х десятых процентов влияния. Разница может быть на одну-две позиции в поиске.

удалить\изменить margin

добавить в css:
.box, .box-img, .box-header, .box-text {margin:0;}
эту же конструкцию можно представить проще:
[class*="box"] {margin:0;}
этот код убьет все отступы, но в идеале стоит подкрутить под себя, что бы небольшие отступы, но были.

https://jsfiddle.net/n2wz58xa/

body {margin:0;}
* {
  box-sizing: border-box;
}
.box {
  width:50%;
  background-color:coral;
}
.box-img {
  width:100%;
  display:block;
}
.box-header {
  width:100%;
  text-align:center;
  font-size:28px;
  line-height:28px;
  background-color:red;
  margin:0;
}
.box-text {
  width:100%;
   text-align:center;
  font-size:16px;
  line-height:16px;
  background-color:red;
   margin:0;
}

Любой плагиат для сайта плохо

Что касается <img src="" alt="описание"/>, изменяйте RGB профиль изображения на пару единиц, немного изменяйте размер, возможно даже пропорции (если это не изменит внешний вид изображения). В 95% случаев - этого достаточно.
Для дополнительной гарантии, изменяйте метаданные изображения.

Относительно background-image, на сколько я знаю, поисковики не сильно обращают (если вообще обращают) внимание на такого рода изображения.

если картинка там идет в виде background-image

А если у Вас 20 background-image на сайте, то каким образом паук определит, какое именно изображение, к какому именно тексту относится.

Вообще, для гарантии - измените изображение и попробуйте на его основе найти аналогичное в поиске. Если после манипуляций, Вы его не найдете - профит!

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

что такое рейтинг сайта?

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

в целом можно считать, что фотки - при делах

как и что с ними делать - не скажу, смотрите на конкурентов, ставьте эксперименты
фотки практически бесполезны без текста рядом

Проблема в селекторах с :nth-child. Индексы там должны быть не 1, 2, 3, а 1, 3, 5.

Если правильно понял, то вот подобные эффекты дальше адаптируй под себя.

может помочь: https://html5book.ru/edinicy-izmereniya-vh-vw-vmin...

https://jsfiddle.net/pu6r3cwk/1/

.box {
  ...
  align-items: flex-start;
}

Ну если это действительно нужно..

<button data-href="https://ya.ru" class="maskedLink">
Yandex.ru
</button>
<script>
document.addEventListener('click', function (e) {
     if (e.target.classList.contains('maskedLink')) document.location.href = e.target.dataset.href;
});
</script>

уже задавался вопрос, учитесь пользоваться google поиском вот. И как сказали выше, этот вариант не очень. Если лично вам это мешает то вот способ.

Нельзя. Это не часть страницы.

И не нужно этого хотеть

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