Алексей Голягин

Сначала добавляете текст в оригинальные тексты яндекса, а потом уже публикуете, так же есть аддурилки (быстрое добавление адресов сайта в ПС), ну и как вариант автоматический автопостинг анонса в соц сети

Я сделал бы примерно так:

<section class="" style="background-image:url('images/kartinka.jpg');"> 
<div class="">1</div>
<div class="">2</div>
</section>

секции присваивается фон и прописываются стили при необходимости
в дивах уже содержимое, ну и стили как минимум такие width: 50%; float: left; position: relative;

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

<meta property="og:image" content="http://siteru/images/img.jpg"/>
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="300" />
<meta property="og:title" content="Название статьи к примеру"/>
<meta property="og:type" content="article"/>
<meta property="og:description" content="Как обычно здесь дескрипшен статьи"/>
<meta property="og:url" content="http://site.ru/nazvanie-stati"/>
<meta property="og:site_name" content="site.ru"/>

Ну вообще чанк пишется так [[$head]] (и при копировании его не будет автоматически переносить), а не [[$head?]] , вопросительный знак ставиться если только вы передаете какое либо условие, например: [[$intro? &name=`Василий` &messageCount=`12`]] - данный код выведет:
Привет, Василий. У тебя 12 непрочитанных сообщений.

Я обычно верстаю в Brackets с установленным в него Emmet, сам Brackets из коробки показывает не закрытые теги (это удобно), а плагин Emmet помогает быстро писать код. Notepad++ пользуюсь только в случае когда нужно к примеры в 40 файлах поменять пути (к примеру при переносе сайта на cms с локального веб сервера (к стати пользуюсь опен сервером, так как в нем все самое свежее PHP7 и т.д.) на хостинг (найти и заменить, указываем папку с сайтом, заменяем)

Чистый код в ручную через блокнот)