Дизайн VS оптимизация

[Gann]

Доброго времени суток форумчане.
Такая проблемка у меня.
на сайте имеется карта yandex с метками.
Прикручен такой скрипт:

PHP код:

<script src="https://api-maps.yandex.ru/1.1/index.xml" type="text/javascript"></script> 


сами метки:

PHP код:

var s1 = new YMaps.Style();
s1.iconStyle = new YMaps.IconStyle();
s1.iconStyle.href ="http://autorenta.by/wp-content/themes/dt-the7/img/default-icon.png";
s1.iconStyle.size = new YMaps.Point(28,29);
var lnglat1= new YMaps.GeoPoint(27.673203349113482, 53.94080387025186);
var placemark1= new YMaps.Placemark(lnglat1, {style: s1 });
var contentString1 = '<div id="content">' +
'<h3 id="headContent1" class="placemarkHead">МКАД, 0 км., 1 шт. - Mesta 2000, внешнее кольцо, легковые 90 / грузовые 90</h3>'+
'<div id="bodyContent1"  class="placemarkBody">'+
''+
''+
'</div>'+
'</div>';
placemark1.name = "МКАД, 0 км., 1 шт. - Mesta 2000, внешнее кольцо, легковые 90 / грузовые 90";
placemark1.description = "";
placemark1.setBalloonContent(contentString1);
map.addOverlay(placemark1); 


Хочу прикрутить геолокацию
но там api другой версии:

PHP код:

<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script> 


Помогите объединить вместе.... очень прошу
Во вложении все метки и сама карта. Очень надеюсь на помощь!

[CuxpecT]

1. пост для дайджеста, а не для обучающих статей
2. почему на своём сайте дизайн не примените?
3. вангую, что сайт из примера получил бы ПФ хуже, чем дизайн того же asos, ибо упор сделан на ПС, а не на посетителя.
4. очень сложно читать статью (трудности перевода, я так понимаю). пример:

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

[Gann]

1 ок
2 не ИМ, более к ним такое относится
3 не знаю асоса. Упор и на то и на то, т.е. 50 на 50
4 спс