Как сделать старую версию сайта
Как найти архивные копии сайтов интернета или машина времени для сайтов
Первые дни Pikabu.ru
Существует настоящая, реальная машина времени, в которой можно ненадолго вернуться в прошлое и увидеть, например, как выглядел тот или иной сайт несколько лет назад. Думаете, никому не нужны копии сайтов многолетней давности? Ошибаетесь! Для очень многих людей сервис по архивированию информации весьма полезен.
Во-первых, это просто интересно! Из чистого любопытства и от избытка свободного времени можно посмотреть, как выглядел любимый, популярный ресурс на заре его рождения.
Во-вторых, далеко не все веб-мастера ведут свои архивы. Знать место, где можно найти информацию, которая была на сайте в какой-то момент, а потом пропала, не просто полезно, а очень важно.
В-третьих, само по себе сравнение является важнейшим методом анализа, который позволяет оценить ход и результаты нашей деятельности. Кстати, при проведении анализа веб-ресурса очень эффективно использовать ряд методов сравнения.
Поэтому наличие уникальнейшего архива веб-страниц интернета позволяет нам получить доступ к огромному количеству аудио-, видео- и текстовых материалов. По утверждению разработчиков, «интернет-архив» хранит больше материалов, чем любая библиотека мира. Мы попали в правильное место!
Что нужно, чтобы найти копии сайтов интернета?
Для того, чтобы отправиться в прошлое, нужно перейти на сайт https://web-beta.archive.org/ и воспользоваться поисковой строкой.
Простой поиск в архиве сохраненных сайтов выдает нам ссылки на все сохраненные копии запрашиваемой страницы.
Из этого скриншота видно, что сайт http://pikabu.ru был создан в 2009 году. Переключаясь на нужный нам год, можно увидеть даты, выделенные кружочками, это и есть даты сохранения копии сайта. Например, в 2009 году, пока можно будет увидеть только две копии от 28 и 29 июня.
Конечно, это потрясающий ресурс! Ведь здесь индексируются и архивируются все сайты интернета! Это не только скриншоты… Имея в руках такой инструмент, можно восстановить массу потерянной со временем информации.
Надо заметить, что, безусловно все восстановить однозначно не получится, так как если на страницах сайта используются элементы Java Script, или скрипты или графика взяты со стороннего сервера, то на восстановление такой информации рассчитывать не придется. Поэтому к сохранению данных своего сайта нужно относиться с особенным вниманием, несмотря ни на что.
Как посмотреть старую версию любого сайта и окунуться в ностальгию?
Всем привет! Скажите, хотел бы вы ненадолго вернуться в прошлое, чтобы увидеть себя молодого или маленького со стороны, пообщаться, глянуть, каким вы были? К сожалению, такое совершить пока невозможно. Но зато такое можно проделать с любым веб-ресурсом. Я имею в виду, что можно вернуться на год или два назад, чтобы увидеть как выглядел cайт раньше, какой у него был дизайн, даже какая стояла реклама.
Да. Оказывается есть специальный сервис, который несколько десятков раз в году (10-20-100) делает архивные копии сaйтов, и любой желающий может абсолютно бесплатно посмотреть прошлые версии своих или чужих ресурсов. На самом деле это очень крутая вещь, поэтому я настоятельно рекомендую вам окунуться в прошлое. Поэтому сегодня я вам покажу, как посмотреть старую версию сайта одним очень классным и проверенным способом.
Archive.org
Заходите на сайт Archive.org и впишите в специальное поле адрес вашего сайта.
После этого вы увидите годовую ленту и календарь с отмеченными датами. Перемещаясь по ленте, вы выбираете год, в который вы хотите вернуться, и уже для каждого года активируется свой календарь с отмеченными датами. Именно в эти числа была создана архивная копия, а значит вы можете посмотреть состояние на тот момент. Нажмите на любое число, отмеченное кружком. Я наведу на 15 марта 2016 года и тут же появится вставка со временем. Жмите на нее.
Конечно мой сайт не сильно изменился за последний год, но на 15 марта 2016 года из нет. То есть я не наблюдаю баннеров в правом сайдбаре, не наблюдаю некоторые рубрики, например «Эксперименты» или Заработок
и финансы». Также слегка изменено меню, топ комментаторов стал таким, каким был на тот момент, т.е. еще до того, как я исключил себя из этого топа. Правда некоторые моменты отображаются неправильно, например некоторые комментаторы или виджет вконтакте.
Но в целом вещь очень крутая. Можно не просто посмотреть, но и походить по местам былой славы. Действительно, как будто попали в прошлое, а не смотрите фильм про прошлое.
Но у меня дизайн не менялся, поэтому давайте усложним задачу. Возьмем какой-нибудь блог, который существует давно и 100% менял свой дизайн. Я помню, что не так давно моя знакомая по школе блоггеров Настя Скореева поменяла внешний вид своего сайта nyaskory.ru. Сейчас он выглядит так.
Теперь я иду на наш сервис чтобы проверить старую версию ее блога. Для этого я снова вбиваю имя сайта, выбираю дату, когда еще шаблон был старый, например март 2015 года и вуаля! Смотрим результат. Да. Видно, что блог Насти претерпел большие изменения.
Вконтакте
Ради прикола я еще решил проверить социальную сеть вконтакте и посмотреть предыдущие версии этого сайта. Все мы помним, что сеть начала свою деятельность еще в 2006 году и тогда сайт располагался по адресу vkontakte.ru, а не vk.com. Вот его я и решил ввести и посмотреть его в 2006 году. Вы помните такой дизайн? Вот таким он был.
Я зарегистрировался в 2007 году (помню, как даже смотрел дату регистрации в вк) и вот так выглядел тогда этот сайт.
В 2011 году ВК ограничил свободные регистрации в связи с наплывом фейковых страниц. Зарегистрироваться там просто так было нельзя. Нужно было получить приглашение от зарегистрированного пользователя. И вот тогда главная страница смотрелась так.
А с 2012 года сайт переходит на новый домен vk.com, и со старого происходит автоматическая переадресация. Поэтому с этого момента у вас не получится посмотреть, как выглядел vkontakte.ru например в 2013 году, так как надо вводить уже современный адрес и смотреть там.
В общем как-то так. Здорово, да? Я вот прошелся по старым дизайна вконтакте, и аж ностальгия взяла. Когда я регистрировался, там находилось всего чуть более миллиона человек. А теперь там сотни миллионов.
Ну в общем рекомендую вам тоже пройтись по задворкам прошлого и взглянуть, как всё выглядело раньше. А на сегодня я уже буду закругляться. Надеюсь, что статья была для вас интересной, поэтому не забудьте подписаться на обновления моего блога. С нетерпением буду вас снова ждать у себя в гостях. Удачи вам. Пока-пока!
Как посмотреть на сайт в прошлом: инструмент + способ восстановления
Сервис, который может показать, как выглядели сайты в прошлом, напоминает своеобразную машину времени в интернете. С его помощью можно перенестись на год, два или двадцать лет назад и увидеть, какими ресурсы были тогда. Зачем может понадобиться эта информация и как воспользоваться данным сервисом?
Для чего нужно искать старые версии сайтов
Причины, по которым может быть необходимо посмотреть сайт в прошлом времени, могут быть абсолютно разными. Часто это желание погрузиться в приятную ностальгию. Например, посмотреть, как раньше выглядели популярные площадки и соцсети. Или же посмотреть, как выглядел собственный сайт несколько лет назад. К счастью, существует инструмент, который позволяет это сделать, даже если сам ресурс уже давно не доступен.
Как это возможно? Если сайт существует в интернете хотя бы пару дней, он попадает в веб-архив. Инструмент сохраняет его код, благодаря чему, можно увидеть, как он выглядел даже много лет назад.
Причины, по которым возникает необходимость посмотреть порталы в прошлом времени:
Как узнать прошлое веб-ресурса с помощью archive.org
Чтобы узнать, как выглядел конкретный веб-ресурс ранее, можно воспользоваться сайтом для просмотра страниц в прошлом – a rchive.org. Для этого нужно выполнить следующее:
После этого откроется главная страница в том виде, какой она была в выбранный период.
Учитывайте, что кликабельными в календаре являются только дни, помеченные синим или зеленым цветом. Посмотреть, как выглядел сайт в даты без подсветки, не получится.
Если это страница Вконтакте
Аналогичным образом можно узнать содержимое страницы ВКонтакте. Достаточно указать на нее ссылку в соответствующем поле.
По сравнению с новостными или другими веб-ресурсами здесь будет меньше подсвеченных дат с сохранённым содержимым. Количество дат зависит от популярности страницы: у обычных пользователей их будет немного, в то время как у известных медиа-личностей – на порядок больше.
Дальнейшие действия такие же: надо выбрать любую из подсвеченных дат и перейти по кликабельной ссылке. В этой же вкладке откроется страница в ВКонтакте с актуальным на тот момент содержимым.
Как выглядели культовые сайты раньше
Для примера посмотрим, как выглядели популярные ресурсы раньше, а именно Яндекс, Google, YouTube, Википедия и VK. Все из них с течением времени претерпели кардинальные изменения в дизайне.
Поисковик Яндекс
Поисковую систему Яндекс официально анонсировали 23 сентября 1997 года. С тех прошло более 20 лет, и сегодня это одна из самых популярных поисковых систем в мире.
В веб-архиве первая сохраненная копия датируется 6 декабря 1998 года.
На тот момент выглядел Яндекс вот так:
Поисковик Google
Поисковая система Google была основа чуть позже – в 1998 году. Сейчас это самая популярная поисковая система в мире.
Первые сохраненные копии появились в веб-архиве в конце 1998 года. Например, 2 декабря Гугл выглядел вот так:
YouTube
Youtube начал свою работу в феврале 2005 года. Первые сохраненные в веб-архиве копии появились в конце апреля 2005 года. На то время сервис имел минималистичный дизайн, и видно, что он являлся не более, чем видеохостингом:
Википедия
Википедия появилась 15 января 2001 года. Сегодня она является наиболее крупным и популярным справочником в интернете и содержит более 40 миллионов статей, которые доступны на 301 языке.
В веб-архиве первая сохраненная копия Википедии датируется 27 июля 2001 года:
ВКонтакте
Популярная в России и других странах социальная сеть ВКонтакте была создана 10 октября 2006 года.
В веб-архиве первая сохраненная копия сайта датируется 8 ноября 2006 года. На нём видно, что сайт изначально был ориентирован на студентов и выпускников.
Можно ли восстановить сайт из вебархива?
При потере данных, восстановить свой сайт можно с помощью сайта https://webarchiveorg.ru/. Для этого нужно:
Услуга является платной, поэтому перед восстановлением рекомендуется ознакомиться с тарифами. Точная стоимость зависит от количества сайтов и его страниц.
Выводы
С помощью веб-архива можно посмотреть, какой дизайн и контент были у сайтов раньше, что может быть необходимо для восстановления данных, анализа конкурентов, поиска интересного контента с исчезнувших ресурсов или просто ради интереса.
Как сделать старую версию сайта
Пользователи, которые ранее посещали сайт, возвращаясь сталкиваются с ресурсом, на котором поменялось практически всё: дизайн, логика навигации, все привычные сервисные элементы.
В большинстве случаев любой обычный запуск сопровождает поток негатива от пользователей, не готовых моментально переключиться со старой логики на новую.
С этого момента новый сайт переезжает на основной домен и принимает новый, значительно больший, поток посетителей. Также его начинают заново изучать роботы поисковых систем.
В этот период важно отслеживать изменения в отказности для сегментов аудитории из рекламных источников, поскольку финансовые показатели каждого сегмента могут значительно измениться в любую сторону, что станет поводом для оперативных корректировок с вашей стороны.
Перед тем как выгрузить сайт на beta и показать его первым посетителям, крайне важно добавить на сайт все необходимые передачи статистики. Безусловно, после запуска вы получите обратную связь от коллег и единичных пользователей через форму обратной связи, но это чаще всего будут единичные и не массовые проблемы, которые связаны только с тем, как привык использовать сайт каждый конкретный человек.
Для того, чтобы получить данные о действительно массовых «узких местах», которые стоит доработать, нужно смотреть в системах сбора статистики.
На этой схеме мы отражаем все страницы сайта, все интерактивные элементы, их значимые состояния и общую взаимосвязь страниц. Цветом на схеме мы размечаем различные передачи целей и параметров, которые нужно внедрить на сайте.
Построение приведенной выше схемы позволяет:
Если у вас есть каналы, по которым можно напрямую общаться со своими клиентами, подготовьте для них заранее серию анонсов.
Расскажите в социальных сетях и по e-mail про сам факт запуска нового сайта, сделайте серию постов о наиболее значимых изменениях функционала, расскажите о важных или просто необычных деталях.
Например, на сайте обновился фильтр продукции, вы сделали его удобнее — это изменение упростит вашим клиентам выбор вашей продукции.
Вместе с руководителем проекта со стороны CreativePeople и копирайтером вы совершенно точно сможете интересно рассказать об этом своим клиентам.
Часто на уже выпущенных проектах мы в отделе поддержки CreativePeople проводим A/B тестирование правок, которые рождаются после изучения нами данных о поведении пользователей.
Иногда такие правки дают прекрасные результаты. Например, проведя A/B тест обновленной карточки товара для магазина PresentStar, мы выявили вариант отображения сайта для планшетов, который даёт конверсию в заказ на 117% выше стандартной.
Даже не смотря на то, что перед этим этапом вы отработали пользовательские комментарии, теперь может появиться много новых частных кейсов, которые предстоит разобрать.
Это связано с тем, что чаще всего трафик на ваш проект неоднороден, у пользователей могут быть различные интересы. И если для пользователей, приходящих за, условно, услугой настройки оборудования, вы пользовательский путь отработали и скорректировали, то для тех, кто придет с запросом на поставку, может оказаться много не отработанных «узких» мест.
Теперь ваш новый сайт становится доступен для изучения поисковиками. В рамках прошлого этапа была проведена вдумчивая и масштабная подготовка, так что проблем возникнуть не должно. Но всегда есть нюансы, могут появляться дубли страниц и незапланированные смены посадочных страниц для части запросов.
Концентрация на подобных нюансах в этот момент, когда вы знаете, что вот-вот случатся масштабные изменения, позволяет в долгосрочной перспективе значительно сократить возможные потери позиций и клиентов из поисковиков.
То, что вы показали новый сайт широкой аудитории — прекрасная возможность одновременно с этим пополнить круг лояльных бренду пользователей.
Сообщая об обновлении и возможности возврата на старую версию, не забудьте сказать пользователям, что вы — компания динамичная и всегда стараетесь сделать свои продукты лучше. А значит на вас стоит подписаться в соцсетях и в рассылках, чтобы узнавать о всём самом важном первым.
Это совершенно точно будет востребовано вашими клиентами. Например, вот так мы на протяжении 2 лет помогаем компании Yota рассказывать о новых продуктах, услугах и просто классных событиях, которые компания спонсирует. За это время к Yota только во Вконтакте присоединилось более 30 000 новых пользователей.
Мобильная версия сайта, или Как вернуть старый дизайн
Очень много вопросов я получил в комментариях на тему “нового дизайна сайта”. Поэтому постараюсь сейчас разъяснить ситуацию, чтобы вопросы отпали.
Недавно на почту мне упало письмо от Google, которое пристыдило меня тем, что у нас сайт по мнению робота смотрится плохо на мобильных устройствах. В специальном окне проверки выдавался рейтинг удобства около 40 из 100. И шрифты якобы слишком мелкие, и элементы сайта на мобильных расположены близко друг к другу и ещё десяток всяких проблем.
Я прикинул разные варианты исправления ситуации. В моём случае их было два основных:
Адаптивный дизайн – это такой дизайн, который подстраивается под размеры экрана. Покопавшись в коде я понял, что своими силами мне существующий дизайн не переделать. Слишком многое пришлось бы поменять, что равнялось бы новой вёрстке, а это заново пришлось бы задействовать дизайнера и верстальщика.
Остановился на мобильной версии сайта с возможностью беспроблемного переключения на компьютерную версию. Так что, если у вас сайт выглядит по новому и вас это не устраивает, то просто переключитесь на компьютерную версию по ссылке внизу экрана. Браузер запоминает ваши предпочтения и при новом открытии сайта вам сразу будет предлагаться привычная версия.
Возможности мобильной версии:
В мобильной версии есть симпатичное меню, в которое вынесены основные страницы сайта, в том числе тут находится ссылка на страницу скидок.
В этом меню есть рубрики и категории.
Теперь пользователь сайта iPadstory.ru может в любой момент на мобильных девайсах переключаться между мобильной версией (которая удобна на маленьких экранах) и привычной компьютерной.
По рейтингу Google мобильная версия по удобству для посетителей получила 99 из 100. Ну значит, я всё сделал правильно.
Мобильная версия сайта, или Как вернуть старый дизайн: 43 комментария
Красиво получилось, Дим! Частенько захожу на сайт с АйФона.
И, к слову, как первый раз на днях увидел – сразу понял, что это мобильная версия сайта 😉 А уж как переключиться на основную версию тем паче было понятно ☺️
Вопросы задавали постоянные читатели сайта. Поэтому чтобы не отвечать 5 раз на дню – написал эту статью:)
Дмитрий, плюньте на гугл, когда дело касается этого замечательного сайта. И вдогонку просьба, или даже вопрос – обзор на Sid Meiers Starships будет?
Мне одному кажется по видео геймплея и отзывам, что цена на эту игру завышена изначально? На PS3 игры дешевле на распродажах) Пока не решился на покупку.
Насчет гугла – с 21-го апреля числа все сайты, не адаптированные под мобильную версию будут сильно понижаться в поиске. Да и мобильная версия никому не мешает, если есть возможность переключится на полную. Например, на iPad удобнее нормальной компьютерной версией пользоваться.