Hyperlink 语义用户界面-使用响应类避免重复链接（SEO问题）

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

<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中的一个包含

我还准备了一份。要测试它，您必须重新确定窗口的尺寸以查看效果

当然，事实并非如此。如果你想看的话，你可以看一下

那么，有人有解决办法吗？这方面的最佳实践

---

对不起我的英语

最后，我只维护一个div，所有链接都不重复，然后使用CSS风格的手机菜单