Можно ли заворачивать button в href?
Согласно HTML5 помещать кнопку внутрь ссылки является синтаксически некорректным («невалидным»).
Кроме того, в IE ниже 9-й версии такая ссылка не реагирует на щелчок.
Чтобы сделать «ссылкой» кнопку, следует обернуть её простейшей GET-формой:<form action="/some/example.htm">
    <button type="submit">Ссылка-кнопка</button>
</form>
Некоторые подробности — в моей заметке «Правильный способ сделать кнопку ссылкой».
Делается это так
<button type="button" onclick="JS_Функция">Кнопка</button>
В JS_Функции делаете переход или что вам нужно
Еще необходимо создать скрытый a href, чтобы поисковый робот нашел страницу на которую идет ссылка