Herrera wurde am 19. April 1990 in Tijuana geboren. Seine ersten fußballerischen Schritte machte er beim CF Pachuca, einem der ältesten Fußballvereine des Landes. Bei diversen Farm- und Kooperationsteams der „Tuzos“ in der Segunda Divisíon, der dritten mexikanischen Liga, startete er seine Profikarriere. Zwischen 2009 und 2010 feierte er mit Universidad del Fútbol drei Halbjahres-Meisterschaften in Folge.
Im Juli 2011 debütierte Héctor Herrera für die erste Mannschaft des CF Pachuca in der Primera Divisíon. Sein erstes Tor in der Beletage des mexikanischen Fußballs erzielte er im Januar 2013. Im darauffolgenden Sommer wechselte Herrera den Kontinent und schloss sich dem FC Porto an.
Héctor Herrera und die mexikanische Fußballnationalmannschaft
Bevor der 1,80 Meter große Fußballer Ende 2012 erstmals für die A-Nationalmannschaft Mexikos auflief, absolvierte er insgesamt 20 Partien für die U23-Auswahl. Mit ihr gewann er 2012 das Fußballturnier der Olympischen Spiele in London und zuvor das Turnier von Toulon, wo er zum besten Spieler gewählt wurde. Sowohl bei der Weltmeisterschaft 2014 in Brasilien als auch bei der Copa América Centenario 2016 stand er in allen vier Partien der Mexikaner auf dem Platz. Zuletzt wurde er aber immer seltener in den Kader berufen.
Bitteres Königsklassen-Debüt für den FC Porto
Nach seinem Transfer zum portugiesischen Meister FC Porto schrieb Héctor Herrera im Oktober 2013 ein kleines Stück Sportgeschichte. Ausgerechnet bei seinem Startelfdebüt in der UEFA Champions League im Heimspiel gegen Zenit St. Petersburg wurde er nach nur sechs Minuten des Feldes verwiesen. Zunächst war Héctor Herrera für ein Foulspiel am Brasilianer Hulk in der Nähe des Strafraums vom italienischen Schiedsrichter Paolo Tagliavento verwarnt worden. Weil er sich beim folgenden Freistoß zu früh aus der Mauer bewegte, wurde der heutige Kapitän des FC Porto vom Platz gestellt.