H1 Überschrift in meinem Theme einbinden

mteepee

Hallo,

mein Theme bietet von Haus aus keine Möglichheit eine H1 Überschrift zu platzieren. wpSEO ist am Laufen aber wenn ich meine Seite mit einem Site Checker prüfe, dann bekomme ich gesagt, dass keine H1 gepflegt ist. Entsprechend schlecht ist mein Ranking.

Wie kann ich einen H1 Tag nachträglich hinzufügen und wo - ginge das vielleicht auch über die Möglichkeit des "Extra CSS"?
Hier meine Seite: http://truelovebybutz.de

Viele Grüße
Marco

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

nein, über CSS lässt sich keine H1 einfügen. Die Überschrift musst du selber (am besten über ein Child-Theme) in ein Template (z.B. header.php) einfügen.

mteepee

Ich weiss, ist ne Job Anfrage - aber kann mir jemand so ein Child Theme anlegen? Ich kann das nicht...

mteepee

<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<?php wp_site_icon(); ?>
<?php
/* Always have wp_head() just before the closing </head>
* tag of your theme, or you will break many plugins, which
* generally use this hook to add elements to <head> such
* as styles, scripts, and meta tags.
*/
wp_head();
?>
</head>
Meine Header PHP sieht so aus.
Was muss ich eintragen, wenn ich eine H1 Überschrift anzeigen will wie bspw: Hochzeitsfotograf aus Mannheim. H2 könnte mein Name sein....
Überfragt bin...

DAAANKE für eure Unterstützung - sorry. Bin kein Programmierer.

<body <?php body_class(); ?> data-lightbox-effect="<?php echo ot_get_option('lightbox_effect', 'slide'); ?>">

<?php get_template_part( 'inc/templates/header/header-style1-'.ot_get_option('menu_position', 'thb-menu-left').'' ); ?>
<?php get_template_part( 'inc/templates/navigation-menu' ); ?>
<?php if (is_singular('post') || is_singular('album')) { do_action('thb_article_nav'); }?>
<div id="wrapper">

FloRet

Hallo mteepee!

Schau Dir doch einmal dieses Youtube-Tutorial an: https://www.youtube.com/watch?v=JhYykpHDtiE

Ansonsten kannst du Dich auch gerne bei mir per PN melden, dann helfe ich Dir dabei!

LG FloRet

mteepee

FloRet: Super - vielen Dank! Das bekomme ich hin. Ich sehe auch gerade, dass mein Theme schon die beiden Dateien (png und style.css) mit ausgeliefert hat. Perfekt. So - mach ich dann auch gleich - und nun: Was muss ich da dann in das Child Theme style.css reinschreiben, dass ich auf der Startseite einfach angezeigt bekomme:

H1: Hochzeitsfotograf Mannheim
H2: Marco Butz

Das Styling sollte so sein, dass es unten rechts oder unten links in großen Buchstaben erscheint. Mehr benötige ich gar nicht.
Kannst du mir helfen?

Thnx!!!

FloRet

Willst du den gleichen Text, auf jedem "Bild" (Slider) sehen? Oder unterschiedliche Texte / Bild?

mteepee

eigentlich will ich nur den gleichen Text auf allen Bildern...

FloRet

Mahlzeit,

Da Du das Swiper Slider Plugin verwendest, empfehle ich Dir, bevor du etwas mit CSS und Child-Theme realisierst - einfach einen Text-Block den Slides hinzuzufügen!

LG FloRet

mteepee

geht nicht, das theme lässt das im Backend nicht zu.

mteepee

das kann ich im Backend machen, das bringt mir aber aus seo sicht nicht die gewünschten H1 Tags

FloRet

Dann schaue dir folgendes Beispiel an: http://jsfiddle.net/EgLKV/3/

Meine Erfahrung zum Thema Seo-friendly: Reine Bild-Seiten (ohne Text!!!) werden von Google nicht geliebt, solange die Bilder keine Alt-Tags etc. hinterlegt haben, um zu begreifen um was es auf diesem Bild geht!

Da hilft auch das H1 und Text-Overlay wenig!

mteepee

Jepp, da kann ich leider nichts dafür. Als Fotograf spricht man nicht mit Worten sondern mit Bildern.
Frage zu deinem Link:

Was genau und wo genau muss ich das einbinden?

1) den linken oder rechten Code?
2) Das ganze in das Child style.css?

FloRet

;-)

Das rechte in die style.css und das linke in die Seite, wo du den Slider eingebaut hast.
Bedenke hierbei das die ein- oder andere Anpassung an dem Beispiel für deine Anwendung noch gemacht werden muss! (z.B. Bild entfernen)

LG

mteepee

Klasse! Funktioniert nur leider nicht. Mist. Ich kann es einfach nicht. und doch: H1 würde mir helfen hochzukommen bei Google.

mteepee

kann mir jemand weiterhelfen?

FloRet

Hallo,

schau doch bitte einfach einmal in deine PN´s!

LG

mteepee

So, mein Theme Hersteller sagt folgendes:

Ich soll folgenden Code eintragen:

<h1 [COLOR=#8959A8]class[/COLOR]=[COLOR=#718C00]"hide"[/COLOR]>[COLOR=#F5871F]<?php[/COLOR] [COLOR=#8959A8]echo[/COLOR] get_bloginfo(); [COLOR=#F5871F]?>[/COLOR][COLOR=#C82829]</h1>[/COLOR]Und zwar hier:
[COLOR=#555555][FONT=proxima-nova]inc/templates/header/header-style1-thb-menu-right.php

Die Datei sieht so aus:
[/FONT][/COLOR]<?php
$logo_light = ot_get_option('logo_light') ? ot_get_option('logo_light') : THB_THEME_ROOT. '/assets/img/logo_light.png';
$logo_dark = ot_get_option('logo_dark') ? ot_get_option('logo_dark') : THB_THEME_ROOT. '/assets/img/logo_dark.png';
?>
<header id="header">
<a href="<?php echo esc_url(home_url()); ?>" class="logo">
<img src="<?php echo esc_attr($logo_light); ?>" class="logoimg logo_light" alt="<?php esc_attr(bloginfo('name')); ?>"/>
<img src="<?php echo esc_attr($logo_dark); ?>" class="logoimg logo_dark" alt="<?php esc_attr(bloginfo('name')); ?>"/>
</a>
<?php if (is_singular('collection')) { do_action('thb_collection_nav'); }?>
<div class="mobile-toggle">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="menu-icon" x="0" y="0" width="19.2" height="12" viewBox="0 0 19.2 12" enable-background="new 0 0 19.188 12.031" xml:space="preserve"><path class="thb-top-line" fill="none" stroke="#161616" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M1.1 1h12c2.8 0 5.1 2.2 5.1 5 0 2.8-2.3 5-5.1 5l-12-10"/><path class="thb-mid-line" fill="none" stroke="#161616" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M1.1 6h12"/><path class="thb-bottom-line" fill="none" stroke="#161616" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M1.1 11h12c2.8 0 5.1-2.2 5.1-5 0-2.8-2.3-5-5.1-5l-12 10"/></svg>
</div>
</header>

An welcher Stell gebe ich nun den Code ein?

mteepee

Hallo,

ich habe den zusätzlichen Code nun eingebaut - leider sagt mir OnePro Seo Sitecheck noch immer, dass meine Webseite keine H1 Tags hat.
Der Code sieht wie folgt aus. Frage: ist die zusätzliche Code Zeile mit dem Attribut 'name' richtig? Oder muss ich die Klammern bei get_bloginfo( ) leer lassen?

<?php
$logo_light = ot_get_option('logo_light') ? ot_get_option('logo_light') : THB_THEME_ROOT. '/assets/img/logo_light.png';
$logo_dark = ot_get_option('logo_dark') ? ot_get_option('logo_dark') : THB_THEME_ROOT. '/assets/img/logo_dark.png';
?>
<header id="header">
<h1 class="hide"><?php echo get_bloginfo( ‘name’ ); ?></h1>
<a href="<?php echo esc_url(home_url()); ?>" class="logo">
<img src="<?php echo esc_attr($logo_light); ?>" class="logoimg logo_light" alt="<?php esc_attr(bloginfo('name')); ?>"/>
<img src="<?php echo esc_attr($logo_dark); ?>" class="logoimg logo_dark" alt="<?php esc_attr(bloginfo('name')); ?>"/>
</a>
<?php if (is_singular('collection')) { do_action('thb_collection_nav'); }?>
<div class="mobile-toggle">

</div>
</header>

maxe

du hast Akzente benutzt statt Hochkommas. Also wenn, dann bitte so:
<h1 class="hide"><?php echo get_bloginfo('name'); ?></h1>

Willkommen! Melden Sie sich an oder registrieren Sie sich.

H1 Überschrift in meinem Theme einbinden

Jetzt mitmachen!