Javascript ile HTML iskeleti oluşturmanın SEO'ya etkisi var mıdır?

JavaScript
,
1

Ben şimdi bir blog sitesi tasarlıyorum. Php kullanarak tasarladığım api ile veritabanından veriyi alıyorum ardından javascript ile ekrana şu şekilde yazdırıyorum:

                $.ajax({
                url: 'api/pagination_api.php?page=' + page,
                type: 'GET',
                dataType: 'json',
                success: function (data) {
                    var posts = data.posts;

                    // Temizleme işlemi
                    $('.row.row-cols-1.row-cols-md-2.g-4').empty();

                    for (var i = 0; i < posts.length; i++) {
                        // Yeni kartları ekleyin
                        var newCard = `
                    <div class="col">
                        <div id="card${i + 1}" class="card">
                            <img src="${posts[i].img}" class="card-img-top" alt="...">
                            <div class="card-body">
                                <h5 class="card-title">${posts[i].title}</h5>
                                <p class="card-text">${posts[i].short_description}</p>
                                <a href="blog-page.html" class="text-decoration-none fw-bold">Devamını oku...</a>
                            </div>
                        </div>
                    </div>`;

                        $('.row.row-cols-1.row-cols-md-2.g-4').append(newCard);
                    }
                },

                error: function (xhr, status, error) {
                    console.error("AJAX Hatası: " + status + " - " + error);
                }
            });

Bu kullanım şekli nasıl SEO’ya zararı olur mu veya daha farklı bir öneriniz var mı ?

2

Yanlış hatırlamıyorsam daha hızlı açılan ve çalışan sitelere SEO’da öncelik veriliyordu. Size Bootstrap ve ajax yerine sık kullanılan bir frontend frameworkü kullanmanızı öneriririm. Vue, Angular veya başka bir şey olabilir. Uzun süreçte sizin için daha faydalı olur.