Клуб Яндекс.Поиска для сайта

Выдача в формате HTML & СSS

Новые возможности настройки дизайна


Теперь при настройке Яндекс.Поиска для сайта можно получать код в новом формате - HTML & CSS

Раньше результаты поиска можно было встроить на страницу вашего сайта при помощи iframe. Возможности по редактированию такого дизайна очень широки, но поддерживаются только интерфесными настройками самого поиска.

Теперь же вебмастера могут самостоятельно прописать необходимое оформление выдачи Яндекс.Поиска для сайта, так как теперь появилась возможность встраивать HTML-структуру результатов поиска в HTML-структуру вашего сайта.

 

 

Таким образом, новый формат HTML & CSS открывает сразу три недоступных ранее возможности:

 

1) Наследование CSS-стилей

CSS-стили вашего сайта наследуются, то есть при выборе нового формата HTML & CSS элементы результатов поиска будут оформлены согласно общим CSS-стилям сайта.

 

2) Самостоятельное изменение СSS-стилей индивидуального шаблона

Можно самостоятельно изменять CSS-стили результатов поиска. При выборе функции «Добавить CSS к коду результатов»вы дополнительно получите индивидуальный шаблон с основными CSS-стилями вашего поиска, которые вы можете вручную изменять, прописывая тот дизайн, который вы считаете подходящим.  


3) Использование CSS-стилей, не вошедших в стандартный CSS-шаблон

Можно самостоятельно прописывать CSS-стили, не указанные в вашем индивидуальном шаблоне. Для внесения таких изменений нужно проанализировать особенности построения выдачи при помощи инструментов разработчика (например, firebug или opera dragonfly).


При выборе нового формата HTML & CSS также можно получить ссылки на определенную страницу поисковой выдачи или результаты поиска с уточнениями. Чтобы использовать эту возможность, отметьте флажок «Изменять хеш-параметры страницы при навигации в результатах поиска». Однако помните, что если вы используете на вашем сайте навигацию с использованием хеш-параметров, то скрипты вашей навигации могут конфликтовать со скриптами кода результатов поиска, и в таком случае эту настройку лучше отключить.

О возможностях, которые предоставляет наш новый формат выдачи, мы подробно расскажем на нашей конференции  «Вебмастерская»: http://clubs.ya.ru/company/replies.xml?item_no=63768

25 комментариев

Круто, наконец-то можно нормально поиск размещать у себя на сайте, а то простите, но Iframe был уж совсем не гибким способом.

 

Спасибо за фичу!

Почему то пропал поиск на сайте Todkena Браузер хром и опера пробовал.

Дмитрий Вульбрун
28 января 2016, 01:03

Хм. У нас работает поиск. Что именно не рбоатет у вас?

Сейчас тогда попробую комп перезагрузить просто набераю поиск а кнопка не нажимается сейчас проверю еще раз отпишусь.

Перезагрузил все равно кнопка не нажимается а до этого все работало. Сейчас еще в мазиле попробую.

В мазиле тоже не работает :-(

Дмитрий Вульбрун
28 января 2016, 01:03

да,теперь понятно. попробуем разобраться почему так происходит.

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

Елена Першина
28 января 2016, 01:03

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

Дмитрий Вульбрун
28 января 2016, 01:03

Причину такого поведения нашли, скоро поправим. 

Елена Першина
28 января 2016, 01:03

Причина устранена, теперь все опять отлично работает!

 

:-) Спасибо!!! Большое пришел с работы радостная новость!!! 

Александр Ларин
28 января 2016, 01:03

При добавлении поиска на сайт в формате HTML & CSS установленные стили сайта перегружаются встроенными стилями поиска, хотя заявлено, что должны наследоваться. Можно ли как-нибудь это исправить?

Дмитрий Вульбрун
28 января 2016, 01:03

Укажите, пожалуйста, адрес страницы вашего сайта, где это наблюдается, и что какие именно стили переопределяются?

к сожалению ссылки пока нет, сайт разрабатывается локально. Проблема в следующем. В коде поиска определяются следующие стили:

body a:link,

body a:active,

...

{color: #002863;}

В результате все ссылки на странице меняют цвет, так как этот стиль перегружает объявленные до него. Причем не важно использую я галочку "Добавить CSS к коду результатов" или нет. Также не важен порядок подключения стилей. Такое ощущение, что стили применяются динамически. На эту мысль наводит элемент , который появляется в коде страницы и в своем классе содержит все указанные стили.

Здравствуйте! Аналогичная проблема: при добавлении поиска на сайт в формате HTML & CSS установленные стили сайта перегружаются встроенными стилями поиска, хотя заявлено, что должны наследоваться. Страница  http://www.ludmilastepanova.ru/poisk.html При нажатии кнопки найти меняется цвет ссылок и фон страницы. Как исправить? Если применять  IFRAME, то всё в порядке.

Дмитрий Вульбрун
28 января 2016, 01:03

Не удается воспроизвести. В каком браузере проверятете?

 Браузеры: Google Chrome , Opera 12.14, Internet Explorer 9, FireFox версия 3.6.8 результат одинаков- основной фон страницы меняется на белый(он задан в настройках яндекс поиска как фон страницы #FFFFFF) при нажатии кнопки "найти", и меняется цвет (#006fff) активных ссылок на цвет (#0033FF) заданный в настройках яндекс поиска.

Дмитрий Вульбрун
28 января 2016, 01:03

Теперь вижу проблемы, постаремся устранить в ближайшее время.

Пока что вы можете переопределить эти стили вставкой прямо в код страницы (инлайн) правил CSS, которые вы хотите переопредить. Вставлять нужно сразу же после кода результатов.

Угадайте, на сколько сайтов поиск Яндекса так и не был поставлен из-за этих мелких проблем, почему-то не замеченных при тестировании?

роман сатанинские стихи

Помню одну программистку, устраивавшуюся тестером в Яндекс, всё всех устраивало, но в последний момент она почему-то ушла в какой-то Мастерхост. Типа ближе было ездить, наверное различия в зарплате не было заметно.
Елена Першина
28 января 2016, 01:03

Зато сколько людей смогли воспользоваться новым типом выдачи, чтобы настроить поиск так, как они хотели :)  А в самое ближайшее время мы исправим указанную недоработку, тогда наш поиск сможет удовлетворить самый изощренный вкус :)

Вроде время идет а глюки некуда не деваются
в iframe версии все ок
а при установке html & css кода, начинается непонятное поведение выдачи, то белый фон, то все ок
для продакшена такое не годится, вернули на сайт iframe(
Дмитрий Вульбрун
28 января 2016, 01:03

В настоящее время мы работаем над устранением этих проблем. Пока этого не произошло, вы можете самостоятельно прописать CSS правила для выдачи, которые перекроют эти некрасивости. Вставьте CSS инлайном (прямо в документ, а не в подключаемом файле) сразу после кода результатов.

 

Как только проблема будет устранена, мы сразу же сообщим об этом отдельным постом в Клубе.

Добрый день! Может вам в поиске для сайта стоит использовать префиксы к стилям? Например, b-footer или b-wrapper могут поломать элементы на сайте. Я тоже стараюсь писать в стиле БЭМа и, очевидно, что футеры и обёрки это не уникальные вещи. Например, здесь пришлось делать костыль ввиде b-footer-2

Дмитрий Вульбрун
28 января 2016, 01:03

Спасибо за мысль, мы передадим разработчикам!