Предметы:
- Об авторе
- О сайте
- Как все начиналось: HTML и Frontpage
- Взгляд за кулисы WordPress
- Сервер
- обращение
Об авторе:
Меня зовут Марко ван Вейк, мне 35 лет, я живу в районе Роттердама. Всю свою жизнь я был без ума от всего, что связано с автомобилями. В 16 лет я уже работал в гараже учеником механика. За десять лет, что я работал механиком в гаражах VAG и BMW, я прошел курсы механиков до 4 уровня технического специалиста. С 2015 года работаю преподавателем автомобильной техники. В 2018 году я получил степень бакалавра наук в HTS Autotechniek в Арнеме после окончания автомобильного курса HBO (неполный рабочий день).
Я храню теплые воспоминания об этом обучении и непреходящее чувство удовлетворения.
Помимо моей работы преподавателем и автора этого сайта, мне нравится писать статьи в AMT, и вы найдете меня в качестве ведущего сессий знаний на AMT-live.
О сайте:
В 2005 году я начал экспериментировать с созданием сайтов. Текущий веб-сайт существует с 2009 года. С тех пор произошло множество изменений, как в дизайне, так и в содержании. Этот веб-сайт становится все более популярным и будет продолжать расширяться с точки зрения тем и информации. В настоящее время веб-сайт содержит более 350 страниц, полных информации. Сегодня в среднем мы получаем 100.000 XNUMX уникальных просмотров страниц в месяц. Сайт я разработал сам и полностью им управляю. Я разработал тему, написал все страницы, сам сфотографировал или нарисовал многие изображения, и она работает на моем собственном сервере, расположенном в моем офисе дома. На этой странице я хочу показать, как веб-сайт за последние годы вырос до того, чем он является сегодня, и что происходит в фоновом режиме.
Цель этого веб-сайта — предоставить людям, интересующимся автомобильными технологиями, представление о том, как работают определенные детали и системы. Большую часть информации невозможно найти где-либо еще в Google, часто без изображений и обычно она еще не доступна на голландском языке. С помощью этого веб-сайта я хочу сделать как можно больше автомобильной технической информации доступной в Интернете. Сайт адаптирован для уровней 2–4 курсов подготовки механиков MBO. Веб-сайт также подходит для студентов, которые переходят от HAVO/VWO к машиностроению HBO или автомобилестроению.
Я сознательно решил не показывать рекламу, потому что меня раздражают сайты, на которых рекламы больше, чем текста, и от всего приходится кликать. Я считаю, что размещение рекламы загрязняет мой сайт. Вот почему не требуются никакие трекеры или файлы cookie, и я один из немногих веб-сайтов, на которых не требуется показывать уведомление о файлах cookie, где каждый посетитель должен согласиться с условиями.
Более того, я сохраняю доступ к веб-сайту для всех. Я не использую какие-либо платежные системы или системы входа в систему для доступа к сайту. Этот сайт просто полностью бесплатен и останется таковым в будущем. Дополнительным преимуществом является то, что мне также легче получить разрешение от производителей автомобилей на использование их изображений, поскольку у меня нет финансовых интересов, а многие производители поддерживают образование.
Если вы обнаружили орфографические или грамматические ошибки в тексте, пожалуйста, заполните контактную форму. Таким образом, я смогу исправить это быстро и легко. Это, конечно, также применимо, если у вас есть дополнения по определенной теме.
Как все начиналось: HTML и Frontpage: С самых первых концепций и до создания веб-сайта, который был заменен текущей версией в марте 2019 года, мы использовали программу Microsoft FrontPage 2003.
Мы создали HTML-страницы с помощью FrontPage. Результат HTML-кодов можно просмотреть в окне дизайна. Сайт состоял из четырёх фреймов:
- Вверху (заголовок)
- Ссылки (меню)
- Правильно (словарь)
- Средний (содержание сайта)
Итак, чтобы открыть сайт, во фреймы были загружены четыре отдельные HTML-страницы. Когда посетитель попадал не на страницу index.htm через поисковую систему, а непосредственно на ту страницу, которую он искал, отображался только этот фрейм. Окружающие меню не отображались. В этом случае на весь экран отображалась только синяя страница, а меню с кнопками вокруг отсутствовало.
Функция поиска также использовала сложный (интегрированный) метод через Google, а поддержка мобильных устройств отсутствовала, поэтому была создана вторая индексная страница, на которую автоматически переключалось при посещении сайта с телефона или планшета. Часто это шло хорошо, но не всегда. «Раньше» были популярны HTML-сайты с фреймами, но сейчас такое практически нигде не встретишь. Знания, которые я получил с помощью самостоятельно скомпилированных HTML-кодов, до сих пор помогают мне обновлять текущий веб-сайт.
Взгляд за кулисы WordPress:
Веб-сайт на основе HTML был полностью преобразован в популярную CMS WordPress в марте 2019 года. Некоторым посетителям пришлось сначала привыкнуть к новой структуре навигации, но в целом я получил положительные отзывы.
Со временем я также реализовал все больше и больше изменений, которые делают навигацию проще и понятнее.
Благодаря созданию сайта на современной CMS WordPress сайт улучшился во многих областях:
- Интерфейс гладкий и имеет представительный внешний вид;
- Легче обновлять статьи;
- Удобен для планшетов и мобильных устройств (автоматически адаптируется к размеру экрана), поэтому нет отдельного мобильного веб-сайта;
- Изменение меню и/или интерфейса одной страницы автоматически отражается на всех страницах;
- SEO (поисковая система) дружелюбна;
- Плагины включают множество полезных функций: интерактивные кнопки, поиск, резервное копирование и безопасность, автопрокрутку и т. д.
На следующем изображении показан обзор страницы в WordPress. С этого экрана можно искать и изменять все страницы, не открывая веб-интерфейс.
Все страницы сайта созданы в Elementor. На следующем изображении показан экран редактора Elementor. Текстовый редактор можно увидеть слева, а просмотр в реальном времени — справа. После нажатия внизу «Обновить» изменения сразу появятся онлайн. Вы также можете сначала сохранить страницу как черновик или частную, прежде чем публиковать ее в Интернете.
Помимо текстового редактора, Elementor также предлагает различные интерактивные возможности. Одним из них является так называемый «Призыв к действию». Эта функция создает интерактивную кнопку, которую мы знаем по домашней странице и в категориях, которые можно открыть из меню.
В 2021 году возникало все больше проблем с совместимостью моей темы WordPress с современными плагинами и веб-браузерами. Тема не пользовалась большой популярностью, поэтому через несколько лет после выпуска она больше не поддерживалась и не развивалась должным образом. Поскольку тема определяет внешний вид сайта, переход на другую тему непрост и нежелателен. В январе 2022 года я экспериментировал с конструктором страниц Elementor и простой темой: «Hello Elementor». Благодаря этой теме в сочетании с конструктором страниц я уверен в обновлениях как внешнего вида, так и безопасности, и у меня есть еще больше возможностей для настройки интерфейса, которые в других темах были заблокированы разработчиками. В стандартных темах WordPress некоторые настройки невозможно или практически невозможно изменить. После дня экспериментов я убедился: заменил старую тему на свою. Я разместил его в Интернете в течение нескольких часов, и в последующие дни я внес небольшие улучшения на основе отзывов окружающих меня людей.
С помощью конструктора тем Elementor вы можете создать свою собственную тему и настроить ее по своему вкусу. Каждый угол, кнопку, тень блока, цвет и анимацию можно настроить в соответствии с вашими пожеланиями бесчисленными способами. Возможности безграничны. На изображении ниже показаны параметры настройки цвета главного меню. С помощью этого конструктора тем можно настроить отображение рабочего стола (и ноутбука), планшета и мобильного телефона по своему желанию. Таким образом можно добиться наиболее оптимальных настроек для всех устройств.
Что меня больше всего беспокоит на других сайтах, так это всплывающие окна, уведомления о новостных рассылках и просьба включить уведомления, которые всегда приходится отключать. И не забывайте о яркой рекламе. Это побудило меня самому решить использовать блокировщик рекламы и не участвовать. Я буду поддерживать свой веб-сайт как можно более «чистым», включив в него как можно меньше отвлекающих элементов. Хотя есть варианты сделать сайт очень привлекательным без особых усилий с помощью анимации и красочных страниц, я выбираю множество оттенков серого и как можно меньше украшений, которые люди часто не ищут. Белые страницы с фоном от темного до светло-серого с обеих сторон обеспечивают приятный контраст и в сочетании с выбранным шрифтом делают тексты легко читаемыми. Сайт подходит для квадратных экранов настольных компьютеров от 17 дюймов, ведь этот размер экрана в 2023 году все еще распространен в гаражах и школах. Ноутбуки используют высокое разрешение, поэтому сайт можно посещать с 14-дюймового ноутбука без переключения строки меню в другой режим, а правые кнопки перемещаются через узкий экран на второй ряд. Этот интерфейс был создан в результате множества экспериментов и отзывов посетителей. Информативность с четкой навигацией важнее привлекательного внешнего вида, который ценит большинство посетителей.
Сервер:
Дешевые хостинговые компании с пакетами веб-хостинга по конкурентоспособным ценам не заинтересованы в веб-сайтах, которые требуют от сервера большой вычислительной мощности, поскольку вы используете один и тот же SSD / ЦП и ОЗУ с сотнями других клиентов. Для этого сайта также характерно потребление данных от 120 до 130 ГБ в месяц, что невозможно при стандартном пакете в несколько десятков евро. Такая сторона может решить снизить производительность веб-сайтов, которые используют много ресурсов, или потребовать от вас приобрести дорогой VPS.
Я долго колебался по поводу размещения этого сайта на VPS, чтобы можно было добиться оптимальной производительности и иметь контроль над определенными настройками. Хороший VPS стоит дорого, и я начал думать об альтернативе: разместить сайт самостоятельно (дома).
Весной 2020 года я купил молодой б/у сервер по выгодной цене. Я предоставил необходимые обновления оборудования и научился использовать настройки в BIOS; они сильно отличаются от таковых на потребительском ПК. Я также создал сеть у себя дома, чтобы подключить к ней сервер. Скорость оптоволоконного соединения составляет 1 гигабит на передачу и передачу, что более чем достаточно для размещения нескольких загруженных веб-сайтов.
В октябре 2020 года я установил сервер с CentOS в качестве операционной системы (сейчас заменил, об этом позже) и Cpanel в качестве панели управления.
После нескольких часов подготовки сайт был перенесен с сервера в дата-центре на домашний сервер одним нажатием кнопки. Этот процесс прошел очень гладко. На момент написания статьи (три года после установки) никаких проблем не возникало.
Сервер, на котором вы сейчас находитесь, показан на двух изображениях ниже.
Изображения выше: сервер — HP ProLiant ML350p Generation 8. За крышкой находится DVD-плеер с переключателем для включения сервера и четырьмя портами USB под ним. Внизу расположены четыре накопителя, а именно: 2 SSD (слева) и 2 HDD (справа). Сайт загружается с SSD. Резервные копии сохраняются на жестких дисках каждую ночь. SSD и HDD находятся в зеркале RAID (RAID 1). В случае выхода из строя жесткого диска я могу заменить его на запасной, не выключая сервер. После смены диска данные переносятся автоматически.
Изображение ниже: Сняв боковую крышку и пластиковую пластину воздуховода, мы видим четыре больших вентилятора, рядом с которыми находится материнская плата.
Сервер оснащен процессором Xeon E5-2690 (2,9 ГГц). Это 8-ядерный процессор с 16 потоками. Он работает в режиме энергосбережения на тактовой частоте чуть более 1 ГГц, что с точки зрения производительности сайта и управления сервером не уступает настройке в режиме максимальной производительности, где тактовая частота в этом режиме производительности увеличивается до 2,9 ГГц. Единственная разница была заметна в тепловыделении и энергопотреблении. Хорошая производительность при низкой тактовой частоте возможна благодаря большому количеству ядер процессора. Кроме того, банки памяти теперь заполнены в общей сложности 12 модулями памяти ECC по 4 ГБ, что дает в общей сложности 48 ГБ памяти в четырехканальном режиме. Конечно, это перебор, но я думаю, что это делает его перспективным.
Летом 2022 года я заменил операционную систему CentOS на AlmaLinux в связи с объявлением о прекращении поддержки CentOS. На AlmaLinux установлена популярная Cpanel: именно эта программа делает возможным хостинг сайта. На скриншоте ниже показана панель управления. Каждую неделю проверяю доступные обновления (Cpanel, утилиты или ядро) и проверяю загрузку.
Перевод:
Как вы могли заметить, футер (внизу сайта) содержит столбец флажков, на которые можно перевести сайт. Перевод становится возможным благодаря плагину WordPress, использующему так называемый нейронный машинный перевод (NMT) и искусственный интеллект (AI). Связь между нейронным машинным переводом и ИИ заключается в том, что NMT — это специфическое приложение ИИ, которое использует машинный интеллект для понимания и эффективного перевода человеческого языка.
Я решился на перевод сайта по следующим причинам:
- Студенты автомобильной инженерии с NT2 (голландский как второй язык) во время учебы с удовольствием просматривают идентично переведенную страницу на своем родном языке. Если они понимают работу детали или системы на своем «собственном» языке, им также легче выучить объяснение на голландском языке;
- В некоторых странах поставки учебных материалов по автомобильной технике недостаточны. В Исландии, например, студенты имеют доступ только к учебным материалам на английском языке. И учителю, и ученику приятно иметь возможность искать материалы курса на своем родном языке. Преподаватель из Исландии, с которым я общаюсь, также говорит: «Я постоянно объясняю перевод на исландский язык, потому что в автомастерских детали упоминаются и записываются не на английском, а на исландском языке. Приятно иметь возможность читать текст техническим языком на исландском языке»;
- Как вы, возможно, прочитали в первом абзаце, написание статей — мое хобби. Возможность перевода позволяет мне охватить более широкую аудиторию.
Я перевел сайт на английский весной 2023 года. Все прошло хорошо. Запрашивая перевод на исландский язык, я добавил помимо Исландии и другие страны. Google также индексирует переведенные страницы. Например, страница «Базовая электроника» теперь включена в Google на пятнадцати языках, причем каждый язык имеет собственный перевод URL, заголовок и ключевые слова. Это также увеличивает статистику посещений. На изображении показано количество посетителей с 4 ноября по 1 декабря 2023 года, при этом веб-сайт был переведен на другие языки, кроме английского, только в течение нескольких недель.
Перевод очень разумного и высокого качества. В абзацах, содержащих технический жаргон, допускаются переводческие ошибки, которые иногда переводятся «слишком буквально» и поэтому имеют иной смысл. Примером этого является голландский «кузов». С английского это переводится как «тело». Правильно. Однако на исландский это слово также переводится как нечто похожее на «тело», но там перевод относится к «человеческому телу».
К счастью, есть возможность настроить перевод. Переводы можно исправить в программе, которая будет меняться по всему сайту. Но перевод также можно настроить для каждого предложения на отдельных страницах. На изображении ниже показан карандаш для каждого предложения. При нажатии перевод можно изменить.
После нажатия на карандаш одного из предложений появится всплывающее окно, содержащее исходный и переведенный текст. Перевод можно исправить здесь. Перевод исправляется немедленно, не затрагивая оригинальный (голландский) текст.
Английский перевод прошел долгий путь. С другими языками мне сложнее, потому что мои знания там менее обширны. Вот почему я прошу посетителей моего сайта сообщать мне о языковых и переводческих ошибках. Я немедленно исправлю это на соответствующей странице или на всем сайте, если это касается одного слова, встречающегося на нескольких страницах. Если вам интересно, можно обсудить варианты доступа к программе-переводчику, представленной выше. Вы можете связаться со мной через контактную форму. Преподаватель из Исландии с благодарностью использует сайт на своих уроках и может сам переводить тексты. Он, его коллеги и ученики (но и я) извлекают из этого выгоду. Я также хочу предложить эту опцию пользователям (желательно преподавателям автомобильной техники или людям, которые работают в автомобильной промышленности и хорошо разбираются в лингвистике) из других стран.
