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

4
(31)

Транслитирация Русских букв в 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, "\\$&");
}
},
})

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

Насколько был полезен этот пост?

Кликни что бы проголосовать

Средний рейтинг 4 / 5. Всего голосов 31

Пока нет голосов, будьте первым кто оценит этот пост.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *