Arama motorları benim dinamik olarak görecek Bootstrap tabs içerik oluşturulur?

SORU

26 Temmuz 2015, Pazar

Arama motorları benim dinamik olarak görecek Bootstrap tabs içerik oluşturulur?

İçinde 3 Bootstrap tabs ile ilgili bir sayfa index.php ve her sekme için bu kullanıcı tıklama sonra kendi içerik üreten duyuyorum.
Örneğin:

sayfa yüklendiğinde sadece ilk sekme için veritabanından veri alacak SQL sorgu yerine getireceğim.
kullanıcı ikinci sekmesini tıkladığında, veri almak ve seçili sekme olarak görüntüleyecek bir sorgu idam ediyorum.

Bu iyi bir yaklaşım mı? Google da bu sayfa tüm bu sekmeleri içeren dizin tüm verileri görmek? Tüm veriler aynı anda performans sorunları nedeniyle çekmesini istemiyorum.

İşte benim örnek kod, bu yüzden lütfen, eğer bu iyi bir yaklaşım ise söyle:

index.php dosya:

<!DOCTYPE html>
<html>
<head>
    <title>Tabs demo</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
            <li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
            <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
        </ul>
        <div class="tab-content">
            <div id="home" class="tab-pane fade in active">
                <h3>HOME</h3>
                <p>Some content.</p>
            </div>
            <div id="menu1" class="tab-pane fade">
                <?php $model = [
                    0 => ['title' => 'First item', 'content' => 'Some first content'],
                    1 => ['title' => 'Second item', 'content' => 'Some second content']
                ]; ?>
                <?php foreach ($model as $data): ?>
                    <h3><?= $data['title'] ?></h3>
                    <p><?= $data['content'] ?></p>
                <?php endforeach ?>
            </div>
            <div id="menu2" class="tab-pane fade">
                <h3>Menu 2</h3>
                <p>Some content in menu 2.</p>
            </div>
        </div>
    </div>
<!-- jQuery library -->
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>

Arama motorları ikinci ve üçüncü sekme içeriğini göremeyecek korkarım. Ya da en azından index.php sayfa ile ilgili değil. Yanılıyor muyum?

CEVAP

26 Temmuz 2015, Pazar

Hayır, biz (Google) sekmeleri arkasındaki içerik görmeyecek sekmesi altında içerik ıff dinamik olarak oluşturulan (sadece gizli yani.

Ayrıca biz "Fetch kullanarak Arama olarak Google (eski Webmaster Araçları); post özelliği hakkında daha fazla bilgi edinin Konsol Rendering pages with Fetch as Google." başlıklı gördüklerimi görebilirsiniz

Bunu Paylaş: