CodeStyle

Правильнее всего будет если сначала приведете сайт к нужному виду ЧПУ, после уже AJAX-ом обрабатывать нужные страницы, вот пример простого AJAX загрузчика страниц для тега <a>.

$('a').on('click', function(e) {

	e.preventDefault();

	var href = $(this).attr('href');

	$('.preload').addClass('open'); // Показываем preload

	$.ajax({

		url: href,

		success: function(response) {

			var parsed = $.parseHTML(response); // Парсим HTML

			_data = $(parsed).find('.content'); // Ищем нужный DIV

			$('.content').html(_data); // Подмениваем содержимое DIV

			window.history.pushState('', '', href); // Подмениваем URL

			$('.preload').removeClass('open'); // Скрываем preload

		}

	});

});

P.S Если подошло, можете написать в лс, постараюсь помочь адаптировать это решение под Ваш сайт.

Смените на тег <span> с произвольным классом, например вот так:

<style>

.custom__h4 {font-size: 14px;font-weight: bold;}

</style>

<span class="custom__h4">Произвольный текст</span>

Посмотрите в настройках сайта (флаг доступности поисковым роботам), некоторые разработчики скрывают сайт от индексации подобным образом.

Ссылки через CSS не делаются, если хотите сделать блок кликабельным можете воспользоваться конструкцией вида:

<a href="ссылка"><img src="путь к изображению" alt=""></a>