alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

🔍️ feat: enhance SEO and accessibility with meta tags (#154)

Browse Source
This commit is contained in:
Óscar 2023-09-14 00:38:24 +02:00 committed by GitHub
parent d9eb641caf
commit 78c0f712c1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 54 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
templates/partials/header.html
View File

@ -15,7 +15,7 @@
{% endif %}
{# Feed #}
<link rel="alternate" type="application/atom+xml" title="{{ config.title }}" href="{{ get_url(path="atom.xml",
<link rel="alternate" type="application/atom+xml" title="{{ config.title | safe }}" href="{{ get_url(path="atom.xml",
trailing_slash=false) }}">
{# CSS #}
@ -79,19 +79,32 @@
<meta name="robots" content="index, nofollow" />
{% endif %}
<meta property="og:title" content="{{ config.title }}" />
<meta property="og:title" content="{{ page.title | default(value=config.title) | safe }}" />
<meta property="og:type" content="article" />
{# Add og:locale and hreflang tags for multilingual sites #}
{%- if config.languages | length > 0 %}
{%- include "partials/multilingual_tags.html" -%}
{%- else -%}
<meta property="og:locale" content="{{ macros_translate::translate(key="date_locale", default="en_GB", language_strings=language_strings) }}" />
{%- endif %}
{# Image for social media sharing #}
{%- set social_media_card = macros_settings::evaluate_setting_priority(setting="social_media_card", page=page | default(value=""), section=section | default(value=""), default_global_value="") -%}
{% if social_media_card %}
<meta property="og:image" content="{{ get_url(path=social_media_card, cachebust=true) }}" />
{%- set meta = get_image_metadata(path=social_media_card, allow_missing=true) -%}
{%- if meta -%}
<meta property="og:image:width" content="{{ meta.width }}" />
<meta property="og:image:height" content="{{ meta.height }}" />
{%- endif -%}
<meta name="twitter:image" content="{{ get_url(path=social_media_card, cachebust=true) }}" />
<meta name="twitter:card" content="summary_large_image" />
{% endif %}
{% set current_url = current_url | default(value="/") %}
{%- if current_url -%}
<meta property="og:url" content="{{ current_url }}">
{%- endif -%}
<meta property="og:site_name" content="{{ config.title }}">

37
templates/partials/multilingual_tags.html Normal file
View File

@ -0,0 +1,37 @@
{# Get the base filename by stripping out any language code and '.md' suffix #}
{%- if page.relative_path -%}
{%- set base_filename = page.relative_path | replace(from=".md", to="") | replace(from="." ~ lang, to="") -%}
{# Loop through all available languages in config #}
{%- for lcode, ldetails in config.languages -%}
{%- set translated_filename = base_filename -%}
{# If the language is not the default language, append the language code to the base filename #}
{%- if lcode != config.default_language -%}
{%- set translated_filename = base_filename ~ "." ~ lcode -%}
{%- endif -%}
{%- set translated_filename = translated_filename ~ ".md" -%}
{%- set translated_page = get_page(path=translated_filename) -%}
{# Create the og:locale and hreflang tags if the translated page exists #}
{%- if translated_page -%}
{#- Dynamically load the language strings for each language -#}
{%- set other_language_strings = load_data(path="i18n/" ~ lcode ~ ".toml", required=false) -%}
{%- if not other_language_strings -%}
{%- set other_language_strings = load_data(path="themes/tabi/i18n/" ~ lcode ~ ".toml", required=false) -%}
{%- endif -%}
<meta property="og:locale:alternate" content="{{ macros_translate::translate(key="date_locale", default="en_GB", language_strings=other_language_strings) }}" />
{# Construct href for hreflang #}
{%- set href = translated_page.permalink -%}
{%- if lcode == config.default_language -%}
{%- set href = href | replace(from='/' ~ lang ~ '/', to = '/') -%}
{%- else -%}
{%- set href = href | replace(from='/' ~ lang ~ '/', to='/' ~ lcode ~ '/') -%}
{%- endif -%}
<link rel="alternate" hreflang="{{ lcode }}" href="{{ href | safe }}" />
{%- endif -%}
{%- endfor -%}
{%- endif -%}