[TYPO3-english] TYPO3 8.7.3. How should i korrekt change Language-Menu in bootstrap-Footer?

[student uni]

I would like to change a HTML-code-output, and rename the 1st item "English" 

I found two ways as follow.

Which is the best way, and exists another way to achive this goal?

Var.1 

I change EXT:bootstrap_package/Resources/Private/Partials/Page/Structure/Footer.html

as follow 

<f:cObject typoscriptObjectPath="lib.language"/>

and then

lib.language = COA
lib.language {
    ...  my html Struktur
}

Var. 2

at first

40 = TYPO3\CMS\Frontend\DataProcessing\MenuProcessor
40 {
  special = language
  special.value = {$template.languages}
  as = menuLanguage
}

and then

<f:if condition="{menuLanguage}">
	<ul id="language_menu" class="menu-language">
		<f:for each="{menuLanguage}" as="item">
			<li class="{f:if(condition: item.active, then: 'active')} {f:if(condition: item.available, else: 'text-muted')}">
				<f:switch expression="{item.languageUid}">
					<f:case value="1">
						<f:variable name="languageTitle">En</f:variable>
						<f:variable name="hreflang">en-GB</f:variable>
					</f:case>
					<f:defaultCase>
						<f:variable name="languageTitle">De</f:variable>
						<f:variable name="hreflang">de-DE</f:variable>
					</f:defaultCase>
				</f:switch>
				<f:if condition="{item.available}">
					<f:then>
						<a href="{item.link}" hreflang="{hreflang}" title="{languageTitle}">
							<span>{languageTitle}</span>
						</a>
					</f:then>
					<f:else>
						<span>{languageTitle}</span>
					</f:else>
				</f:if>
			</li>
		</f:for>
	</ul>
</f:if>

*Thanks!*