Для того чтобы автоматически открывать мобильную версию сайта при заходе с мобильного устройства, можно воспользоваться различными подходами. Вот основные шаги, которые помогут вам реализовать это:
### 1. Используйте адаптивный дизайн (Responsive Web Design)
Это наиболее распространённый метод. Вместо создания отдельной мобильной версии сайта, используйте CSS и медиа-запросы для изменения оформления вашего сайта в зависимости от размеров экрана. Это упрощает управление контентом и повышает совместимость.
### 2. Настройте редирект
Если у вас есть отдельная мобильная версия сайта (например, `m.example.com`), вы можете настроить редирект с помощью серверного кода или JavaScript. Вот пример того, как это можно сделать:
#### a. Серверный редирект
Если ваш сайт работает на PHP, можно добавить следующий код в начале файла `index.php`:
```php
<?php
if (preg_match('/Mobile|Android|iPhone|iPad|IEMobile|Opera Mini/', $_SERVER['HTTP_USER_AGENT'])) {
header('Location: http://m.example.com'); // URL мобильной версии
exit;
}
?>
```
#### b. JavaScript редирект
Вы также можете сделать редирект с помощью JavaScript. Добавьте следующий код в `<head>` вашего сайта:
```html
<script>
if (/Mobi|Android/i.test(navigator.userAgent)) {
window.location.href = "http://m.example.com"; // URL мобильной версии
}
</script>
```
### 3. Используйте метатеги
Убедитесь, что в `<head>` вашего HTML-документа присутствует мета-тег, который устанавливает масштабирование для мобильных устройств:
```html
<meta name="viewport" content="width=device-width, initial-scale=1">
```
### 4. Тестирование
Не забудьте протестировать правильность работы редиректов на различных устройствах, чтобы убедиться, что все пользователи получают подходящую версию сайта.
### 5. SEO оптимизация
При настройке редиректов важно учесть SEO. Использование правильных HTTP-заголовков (например, 301 для постоянного редиректа) поможет поисковым системам правильно индексировать ваш сайт.
Таким образом, выбрав один или несколько из этих методов, вы сможете настроить ваш сайт так, чтобы при входе с мобильных устройств автоматически открывалась мобильная версия.