Транслитирация Русских букв в url

Главная » Блог » Транслитирация Русских букв в url

Транслитирация Русских букв в url

Ваш текст

ЧПУ (Friendly URL)

Транслитерация русских букв в URL: зачем это нужно?

В эпоху глобализации и интернета, когда контент может быть доступен для пользователей со всего мира, важность читаемых и понятных URL становится очевидной. Особенно это касается русскоязычных сайтов, где URL может содержать кириллические символы. Такие URL могут вызвать проблемы при попытке доступа к ним из-за различных кодировок или при копировании и вставке. Решение? Транслитерация русских букв в URL.

Как это работает?

Транслитерация — это процесс преобразования букв одного алфавита в соответствующие или похожие буквы другого алфавита. В контексте URL это означает преобразование кириллических символов в латинские. Например, слово «Привет» становится «Privet».

Почему это важно для SEO?

Помимо удобства для пользователей, транслитерированные URL могут положительно сказаться на SEO. Поисковые системы, такие как Google, предпочитают читаемые и понятные URL, которые легко индексируются и ассоциируются с содержимым страницы. Кроме того, латинские символы в URL могут улучшить видимость вашего сайта для международной аудитории.

Пробуйте наш инструмент!

На этой странице мы предоставляем функционал для транслитерации русских букв в URL. Это простой и удобный способ сделать ваш сайт более доступным и оптимизированным для поисковых систем. Просто введите текст на русском языке, и наш инструмент автоматически преобразует его в транслитерированный URL.

Скачать такой плагин себе в WordPress

Если кому нужен будет такой плагин на сайт WordPress вот тут он лежит: https://disk.yandex.ru/d/tuSBJzxkxah_VA
Что бы его использовать достаточно вставить в нужное место шорткод — add_translit

Как стать профессионалом в Веб разработке?

Качественный и быстрый скачок в Веб разработке, естественно могут дать только профессионалы и я вижу быстрый и правильный рост только через онлайн курсы, из своего опыта сделал подборку здесь много бесплатных и платных курсов!

— https://skillfactory.ru/
— https://gb.ru/
Здесь Вы обучитесь правильному Веб программированию и не только!

Реализация на Vue.js

HTML

    <div id="translit">
        <h2 class="translit__h2">Транслитирация Русских букв в url</h2>
        <div class="form-group form-edit-article">
            <div class="form-group mb-3">
                <label for="exampleInputH1">Ваш текст</label>
                <input type="text" class="form-control" id="exampleInputH1"
                       @input="friendlyURL" placeholder="Ваш текст" v-model="h1" required>
            </div>

            <div class="form-group mb-3">
                <label for="exampleInputURL">ЧПУ (Friendly URL)</label>
                <input type="text" class="form-control" id="exampleInputURL"
                       placeholder="ЧПУ (Friendly URL)" v-model="url" required>
            </div>
    </div>

Vue.js

new Vue({
    el: '#translit',
    data: () => ({
        alphabet_rus: ['а', 'б', 'в', 'г', 'д', 'е', 'ё', 'ж', 'з', 'и', 'й', 'к', 'л', 'м', 'н', 'о', 'п', 'р', 'с', 'т', 'у', 'ф', 'х', 'ц', 'ч', 'ш', 'щ', 'ъ', 'ы', 'ь', 'э', 'ю', 'я'],
        alphabet_eng: ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'],
        alphabet_eng_translit: ['a', 'b', 'v', 'g', 'd', 'e', 'yo', 'zh', 'z', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'r', 's', 't', 'u', 'f', 'kh', 'c', 'ch', 'sh', 'shch', '', 'y', '', 'eh', 'iy', 'ya'],
        url_for_content: '',
        h1: '',
        url: '',
    }),
    methods: {
        friendlyURL() {
            let url_translit = ''
            let arr = this.h1.trim().split('')
            arr.forEach(item => {
                if (item === ' ' || item === '_' || item === ':' || item === ',' || item === '.' || item === '-' || item === '=' || item === '+') {
                    url_translit += '-'
                } else if (item > -1 || item < 10) {
                    url_translit += item.toLowerCase()
                } else if (this.alphabet_eng.indexOf(item.toLowerCase()) > -1) {
                    url_translit += item.toLowerCase()
                } else {
                    try {
                        let i = this.alphabet_rus.indexOf(item.toLowerCase())
                        url_translit += this.alphabet_eng_translit[i].toLowerCase()
                    } catch (e) {
                        url_translit += item
                    }
                }
            })
            url_translit =  this.replaceAll(url_translit, '--', '-')
            this.url =  this.replaceAll(url_translit, '--', '-')
        },
        replaceAll(str, term, replacement) {
            return str.replace(new RegExp(this.escapeRegExp(term), 'g'), replacement);
        },
        escapeRegExp(string){
            return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
        }
    },
})

Транслитирация Русских букв в url

Транслитирация Русских букв в url

Транслитерация русских букв в URL: зачем это нужно?

Как это работает?

Почему это важно для SEO?

Пробуйте наш инструмент!

Скачать такой плагин себе в WordPress

Как стать профессионалом в Веб разработке?

Реализация на Vue.js

Поделиться ссылкой:

Общий чат, без регистрации!