Question

在我的网页底部，我列出了20个国家/地区的国家/地区（每天都会更改）。根据显示类型，我将有4列，3列或2列。 PHP脚本生成3种显示类型的输出。

我认为这在搜索引擎优化方面非常糟糕，无论如何重复都不是一个好主意（加载更多代码等）。我对bootstrap很新。会有更好的方法吗？

<div class="row">
    <div class="visible-lg visible-md">
        <div class="col-lg-3 col-md-3">
            <ul>
                <li><a href="Argentina/"><img src="/img/flags/Argentina.png"/>Argentina</a></li>
                <li><a href="Australia/"><img src="/img/flags/Australia.png"/>Australia</a></li>
                <li><a href="Austria/"><img src="/img/flags/Austria.png"/>Austria</a></li>
                <li><a href="Belgium/"><img src="/img/flags/Belgium.png"/>Belgium</a></li>
                <li><a href="Canada/"><img src="/img/flags/Canada.png"/>Canada</a></li>
                <li><a href="Colombia/"><img src="/img/flags/Colombia.png"/>Colombia</a></li>
            </ul>
        </div>

        <div class="col-lg-3 col-md-3">
            <ul>
                <li><a href="Czech-Republic/"><img src="/img/flags/Czech-Republic.png"/>Czech Republic</a></li>
                <li><a href="Denmark/"><img src="/img/flags/Denmark.png"/>Denmark</a></li>
                <li><a href="France/"><img src="/img/flags/France.png"/>France</a></li>
                <li><a href="Germany/"><img src="/img/flags/Germany.png"/>Germany</a></li>
                <li><a href="Ireland/"><img src="/img/flags/Ireland.png"/>Ireland</a></li>
                <li><a href="Israel/"><img src="/img/flags/Israel.png"/>Israel</a></li>
            </ul>
        </div>

        <div class="col-lg-3 col-md-3">
            <ul>
                <li><a href="Italy/"><img src="/img/flags/Italy.png"/>Italy</a></li>
                <li><a href="Mexico/"><img src="/img/flags/Mexico.png"/>Mexico</a></li>
                <li><a href="Netherlands/"><img src="/img/flags/Netherlands.png"/>Netherlands</a></li>
                <li><a href="Norway/"><img src="/img/flags/Norway.png"/>Norway</a></li>
                <li><a href="Poland/"><img src="/img/flags/Poland.png"/>Poland</a></li>
                <li><a href="Portugal/"><img src="/img/flags/Portugal.png"/>Portugal</a></li>
            </ul>
        </div>

        <div class="col-lg-3 col-md-3">
            <ul>
                <li><a href="Spain/"><img src="/img/flags/Spain.png"/>Spain</a></li>
                <li><a href="Sweden/"><img src="/img/flags/Sweden.png"/>Sweden</a></li>
                <li><a href="Switzerland/"><img src="/img/flags/Switzerland.png"/>Switzerland</a></li>
                <li><a href="Turkey/"><img src="/img/flags/Turkey.png"/>Turkey</a></li>
                <li><a href="United-Arab-Emirates/"><img src="/img/flags/United-Arab-Emirates.png"/>United Arab Emirates</a></li>
                <li><a href="United-Kingdom/"><img src="/img/flags/United-Kingdom.png"/>United Kingdom</a></li>
            </ul>
        </div>
    </div>

    <div class="visible-sm">
        <div class="col-sm-4">
            <ul>
                <li><a href="Argentina/"><img src="/img/flags/Argentina.png"/>Argentina</a></li>
                <li><a href="Australia/"><img src="/img/flags/Australia.png"/>Australia</a></li>
                <li><a href="Austria/"><img src="/img/flags/Austria.png"/>Austria</a></li>
                <li><a href="Belgium/"><img src="/img/flags/Belgium.png"/>Belgium</a></li>
                <li><a href="Canada/"><img src="/img/flags/Canada.png"/>Canada</a></li>
                <li><a href="Colombia/"><img src="/img/flags/Colombia.png"/>Colombia</a></li>
                <li><a href="Czech-Republic/"><img src="/img/flags/Czech-Republic.png"/>Czech Republic</a></li>
                <li><a href="Denmark/"><img src="/img/flags/Denmark.png"/>Denmark</a></li>
            </ul>
        </div>

        <div class="col-sm-4">
            <ul>
                <li><a href="France/"><img src="/img/flags/France.png"/>France</a></li>
                <li><a href="Germany/"><img src="/img/flags/Germany.png"/>Germany</a></li>
                <li><a href="Ireland/"><img src="/img/flags/Ireland.png"/>Ireland</a></li>
                <li><a href="Israel/"><img src="/img/flags/Israel.png"/>Israel</a></li>
                <li><a href="Italy/"><img src="/img/flags/Italy.png"/>Italy</a></li>
                <li><a href="Mexico/"><img src="/img/flags/Mexico.png"/>Mexico</a></li>
                <li><a href="Netherlands/"><img src="/img/flags/Netherlands.png"/>Netherlands</a></li>
                <li><a href="Norway/"><img src="/img/flags/Norway.png"/>Norway</a></li>
            </ul>
        </div>

        <div class="col-sm-4">
            <ul>
                <li><a href="Poland/"><img src="/img/flags/Poland.png"/>Poland</a></li>
                <li><a href="Portugal/"><img src="/img/flags/Portugal.png"/>Portugal</a></li>
                <li><a href="Spain/"><img src="/img/flags/Spain.png"/>Spain</a></li>
                <li><a href="Sweden/"><img src="/img/flags/Sweden.png"/>Sweden</a></li>
                <li><a href="Switzerland/"><img src="/img/flags/Switzerland.png"/>Switzerland</a></li>
                <li><a href="Turkey/"><img src="/img/flags/Turkey.png"/>Turkey</a></li>
                <li><a href="United-Arab-Emirates/"><img src="/img/flags/United-Arab-Emirates.png"/>United Arab Emirates</a></li>
                <li><a href="United-Kingdom/"><img src="/img/flags/United-Kingdom.png"/>United Kingdom</a></li>
            </ul>
        </div>
    </div>

    <div class="visible-xs">
        <div class="col-xs-6">
            <ul>
                <li><a href="Argentina/"><img src="/img/flags/Argentina.png"/>Argentina</a></li>
                <li><a href="Australia/"><img src="/img/flags/Australia.png"/>Australia</a></li>
                <li><a href="Austria/"><img src="/img/flags/Austria.png"/>Austria</a></li>
                <li><a href="Belgium/"><img src="/img/flags/Belgium.png"/>Belgium</a></li>
                <li><a href="Canada/"><img src="/img/flags/Canada.png"/>Canada</a></li>
                <li><a href="Colombia/"><img src="/img/flags/Colombia.png"/>Colombia</a></li>
                <li><a href="Czech-Republic/"><img src="/img/flags/Czech-Republic.png"/>Czech Republic</a></li>
                <li><a href="Denmark/"><img src="/img/flags/Denmark.png"/>Denmark</a></li>
                <li><a href="France/"><img src="/img/flags/France.png"/>France</a></li>
                <li><a href="Germany/"><img src="/img/flags/Germany.png"/>Germany</a></li>
                <li><a href="Ireland/"><img src="/img/flags/Ireland.png"/>Ireland</a></li>
                <li><a href="Israel/"><img src="/img/flags/Israel.png"/>Israel</a></li>
                <li><a href="Italy/"><img src="/img/flags/Italy.png"/>Italy</a></li>
            </ul>
        </div>

        <div class="col-xs-6">
            <ul>
                <li><a href="Mexico/"><img src="/img/flags/Mexico.png"/>Mexico</a></li>
                <li><a href="Netherlands/"><img src="/img/flags/Netherlands.png"/>Netherlands</a></li>
                <li><a href="Norway/"><img src="/img/flags/Norway.png"/>Norway</a></li>
                <li><a href="Poland/"><img src="/img/flags/Poland.png"/>Poland</a></li>
                <li><a href="Portugal/"><img src="/img/flags/Portugal.png"/>Portugal</a></li>
                <li><a href="Spain/"><img src="/img/flags/Spain.png"/>Spain</a></li>
                <li><a href="Sweden/"><img src="/img/flags/Sweden.png"/>Sweden</a></li>
                <li><a href="Switzerland/"><img src="/img/flags/Switzerland.png"/>Switzerland</a></li>
                <li><a href="Turkey/"><img src="/img/flags/Turkey.png"/>Turkey</a></li>
                <li><a href="United-Arab-Emirates/"><img src="/img/flags/United-Arab-Emirates.png"/>United Arab Emirates</a></li>
                <li><a href="United-Kingdom/"><img src="/img/flags/United-Kingdom.png"/>United Kingdom</a></li>
                <li><a href="United-States/"><img src="/img/flags/United-States.png"/>United States</a></li>
            </ul>
        </div>
    </div>
</div>

lg&md

Answer 1

通常，对重复的关注适用于内容而不是导航。谷歌很可能会检测到文本是在链接中，因此是导航的一部分，而不是应该被视为内容＆＃34;。

很多网站都有页脚导航栏或站点地图，在某些方面，搜索引擎优化可以良好，以便在您的网站周围有一个非常清晰的导航路径（通过在页脚中设置一个站点地图）这一点）。

假设每个页面都是合法的并且没有重复的内容，我不会担心。

不同的布局 - 对SEO不利

1 个答案: