Архив Тэгов: Продолжение следует

Интернет

Метаданные поисковиков и новый инструмент Google Маркер, Schema.org

Меня давно привлекала идея добавления семантики к разметке сайта. Вообще, давным давно, еще до рождения сематических тэгов HTML 5, когда я только познакомился с RSS лентами и прочими вариантами агрегации сайтов, у меня возникла мысль что в скором будущем возникнет некий единый стандарт построения сайтов, который поможет легче воспринимать контент не только людям, но и роботам. В частности, на всех сайтах есть страницы About, Contacts на которых есть стандартная информация. Почему бы не сделать её понятной поисковым роботам, чтобы те могли автоматически, к примеру агрегировать сайты автора, создать его профиль и т.д. Многое из этого в наше время уже доступно, но мои утопичные фантазии конечно были намного безграничнее еще в те времена… На пути унификации CMS, структуры сайтов и семантики их наполнения пока слишком много преград, но движение в этом направлении есть.

В общем, это предыстория, а речь пойдет о метаданных или структурированных семантических (смысловых) объектах, тем или иным образом указанных в HTML разметке страницы. Стандартизация этих объектов позволяет различным поисковикам воспринимать эту более детальную атрибутивную информацию и отображать при необходимости её в поисковом сниппете, а не просто вырезку из текста страницы. Два наших основных поисковика, Гугл и Яндекс уже научились воспринимать некоторые из таких объектов и имеет смысл размечать такую информацию на страницах ваших сайтов.

Данная тема очень обширна. Так что эта статья — только лишь отправная точка в её изучении. Больше же информации можно найти в документации и поддерживаемых форматах Google, в документации и воспринимаемых форматах Яндексом, а также в этом переводе статьи «Вся правда о структурированных данных и Schema.org».

Также можно посетить Schema.org и ознакомьтесь с перспективной коллекцией общепринятых разными поисковиками схем разметки структурированных данных. Это некая общая единая база стандартов, на которую ориентируются поисковики, по мере обучения их роботов распознаванию всё новых и новых форматов.

Рассмотрим эволюцию распознавания структурированных данных на примере поисковика Google. читать далее »

Дизайн Жизнь

Эксперимент с дизайном сайта «Позитив — негатив»

Вчера у меня родилась небольшая мысль по поводу дизайна AMBIVALENT — сделать разбивку постов на «Позитив» и «Негатив». Позитивные — черным по белому фону, а в негативных — черный фон и белый шрифт. В общем, посты будут чередоваться и в итоге получится что-то вроде пешеходного перехода:)

По-моему оригинально, и будет гармонировать с доменом и новым многозначительным слоганом «Если не белый, значит черный…«. Появится хоть какая-то изюминка. А то сейчас вообще не понятно, о чем и для чего этот поток мыслей:)

Новая концепция пока в стадии разработки… Картинка в тему:

Суровая критика дизайна сайта от Дилберта

Суровая критика дизайна сайта от Дилберта

Отвлекусь, комиксы весьма даже ничего. Есть занимательный сайт с переводами этого и других комиксов. Занимательнее всего там, что перевод не встроен в картинку, а наложен средствами CSS. Фетишизм конечно, но имеет место быть.

До каких же высот будет эволюционирует наш дизайн — покажет время…

А общая направленность данного поста — отвратительный дизайн, поэтому отнесу ка я его к «Негативу»:)

Дизайн

Начинаем изучать CSS3

В простого обывателя или человека, пожелавшего освоить веб-программирование, одно лишь название — «Каскадные таблицы стилей третьего уровня» — может вселить ужас. CSS3, конечно, выглядит менее устрашающе, но, являясь, по сути, лишь аббревиатурой английского Cascading Style Sheets, не становится от этого понятнее.

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

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

В общем, нет никаких сомнений, что изучение CSS3 будет интересным и полезным.