语义UI - 使用响应类避免重复链接（SEO麻烦）

Question

我正在开发一个网站，我正在使用SemanticUI 。 我准备这个例子来解释这个问题：

<header>
    <div class="ui vertical large menu red item page fluid grid">
        <div class="mobile only row">
            <div class="ui icon dropdown fluid center align massive button">
                <i class="content icon"></i>
                Menú
                <div class="ui vertical menu">
                    <a class="item" href="#"> Home </a> <!-- ¡¡Repeted link!! -->
                </div>
            </div>
        </div>
    </div>
    <div class="ui six menu red item fluid grid">
        <div class="tablet only row">
            <img src="http://goo.gl/ToQcwM" width="20px"/>
            <a class="item" href="#"> Home </a> <!-- ¡¡Repeted link!! -->
        </div>

        <div class="computer only row">
            <img src="http://goo.gl/ljDWQ7" width="20px"/>
            <a class="item" href="#"> Home </a> <!-- ¡¡Repeted link!! -->
        </div>
    </div>
</header>

麻烦（SEO问题）是我必须复制上面的三个链接，当然，我不想这样做。 实际上，该站点是使用PHP构建的，我并没有真正加倍代码（它是PHP中的包含）。

我还准备了一个小提琴 。 要测试它，您必须重新设置窗口以查看效果。

当然，这不是真实的情况。 如果需要，您可以看到真实的网络 。

那么，任何有解决方案的人呢？ 关于这个的最佳实践？

PD：抱歉我的英文！ :)

Answer 1

最后，我只维护一个div，所有链接都没有重复，然后使用CSS样式的手机菜单。