Hej kära läsare av bloggsidan. HTML-kodvalidator och andra kommer att utfärda varningar om de hittar bildtaggar på sidan IMG utan ALT-attributet som anges inuti.

Min webbplats och jag tog bort alla Alt- och Title-attribut i IMG-taggarna för att snabbt komma ut under dem, eftersom Jag misstänkte att det var på grund av deras överoptimering som filtret användes. Tyvärr hjälpte det inte och jag fick ägna fem månader åt att inte skriva om texter.

Men jag orkar inte längre lägga till ALT-attribut tillbaka till artiklar. Nu, när jag uppdaterar gammalt material, lägger jag naturligtvis också till ALT-anteckningar, men jag skriver inte om alla artiklar (jag kommer inte runt allt). Det var därför jag funderade på att sätta upp en tillfällig struktur.

Lägg automatiskt till ALT till bilder som inte har det

Idén är väldigt enkel och genomförandet är elegant. Skriptet som visas nedan (en funktion för WordPress) söker helt enkelt efter IMG-taggar, i vilken alt attribut inte alls. Efter att ha hittat en sådan upprördhet lägger hon till ALT och skriver dumt rubriken på artikeln i den (innehållet i sidtiteltaggen).

Ja, lösningen är inte den mest eleganta, men den är enkel och effektiv. Validatorn kommer att sluta svära, och sökmotorer kommer åtminstone på något sätt att få koll på vad de pratar om vi pratar om i den här bilden.

Så det visade kodfragmentet måste läggas till i function.php-filen (jag skrev om det i detalj) för det tema du använder (var noga med att säkerhetskopiera det). Titta var liknande konstruktioner redan är infogade där och försök att inte trycka in den i någon annan funktion (det är bättre att infoga det före funktionen för en annan funktion, för att inte göra ett misstag:

Funktion add_alt_tags($content) ( global $post; preg_match_all("/ /", $content, $images); if(!is_null($images)) (foreach($images as $index => $value) (​if(!preg_match("/alt=/", $value) ) ( $new_img = str_replace(" post_title."", $images[$index]); $content = str_replace($images[$index], $new_img, $content); ) ) ) returnera $content; ) add_filter("the_content", "add_alt_tags" 99999);

Titta nu på källkoden för någon sida på din blogg där ALT-attribut inte tidigare specificerats. Naturligtvis ska detta inte vara en sida från cachen (serveras av ditt caching-plugin), utan en uppdaterad sida som innehåller de ändringar du just gjort.

I dess kod hittar du ALT-du, även om den är identisk, är fortfarande närvarande.

Allt är bättre än ingenting. IMHO.

På sidorna där alterna registrerades kommer ingenting att förändras:

Hur man lägger till Alt- och titelattribut till miniatyrbilder i WordPress

Och en sak till i ämnet. Miniatyrer i WordPress visas med tomma Alt-taggar (som alt="") som standard. Om du inte gillar detta kan du lägga till namnen på artiklarna som de togs från som ett alternativ till miniatyrbilderna. Samtidigt kan du lägga till attributet Title till Img-taggen:

//lägga till alt och titel för inläggsminiatyrer startar funktionen wph_alt_title_for_thumbnail($html) ( $post_title = esc_attr(get_the_title()); //adding alt $html = preg_replace("/(alt=")(.*?)(" )/i", "$1".$post_title."$3", $html); //add title $html = str_replace("/>", "title="".$post_title."" />", $ html); return $html; ) add_filter("post_thumbnail_html", "wph_alt_title_for_thumbnail", 10, 1); //lägger till alt och titel för inläggsminiatyrer slut

Om du bara vill lägga till violor till miniatyrerna kan du använda följande kod:

//lägga till alt och titel för inläggsminiatyrer startar funktionen wph_alt_title_for_thumbnail($html) ( $post_title = esc_attr(get_the_title()); //adding alt $html = preg_replace("/(alt=")(.*?)(" )/i", "$1".$post_title."$3", $html); return $html; ) add_filter("post_thumbnail_html", "wph_alt_title_for_thumbnail", 10, 1); //lägger till alt och titel för inläggsminiatyrer slut

Lycka till! Vi ses snart på bloggsidans sidor

Du kan titta på fler videor genom att gå till

");">

Du kanske är intresserad

Hur i WordPress kan du visa inlägg från en kategori med miniatyrer (skapa dem i Auto Inläggsminiatyr och fånga_den_bilden)
Vi skapar för en blogg på WordPress-knappar tillägg till sociala media och bokmärken (utan plugins och skript) Hur man inaktiverar kommentarer i WordPress för enskilda artiklar eller hela bloggen, samt tar bort eller vice versa aktiverar dem i en mall borta vänster meny V WordPress admin efter uppdatering
Brödsmulor i WordPress utan plugins
Hur man tar bort tjänstlänkar med WP-JSON från källkod dina WordPress-bloggsidor
functions.php-filen från mappen med WordPress tema Och verkliga exempel dess användning Problemet med Allt i ett SEO-paket och dess lösning - ta bort rel=prev och korrigera rel=canonical för att ta bort dubbletter från indexet

Automatisk infogning av title-attributet gör det möjligt att minska tiden för optimering av bilder när du infogar dem i bloggartiklar. Därför behöver du återigen inte gå in på att redigera bilden och lägga till title-attributet manuellt. För att göra detta måste vi göra några åtgärder och sedan njuta av resultatet.

titelattribut

Underbar. Nu kommer vårt "Titelattribut" att infogas automatiskt och vi behöver inte infoga det manuellt. Vilket kommer att spara vår dyrbara tid när vi skriver artiklar.

Efter att vi lagt in bilden.

Klar bild med "Titelattribut"

Vi ser att "titelattributet" infogas automatiskt (fig. 8). Detta kan ses när du håller musen över bilden, varefter beskrivningen ”Vår bild” dyker upp (punkt 1).

I senaste versionen WordPress när den ändrades textredigerare Det finns inget "titelattribut" och det fungerar inte där, vilket är väldigt tråkigt. Eftersom "title-attributet" används för att optimera bloggen och utseendet på text när du håller muspekaren över bilden.

Fastän ny redaktör ganska intressant och påminner mig om . Även om man såklart måste vänja sig.

Jag använder den gamla editorn, eftersom jag tror att den nya fortfarande är fuktig. För att återgå till den gamla editorn behöver du bara gå till Classic Editor och arbeta i din vanliga editor. I vilken denna kod fungerar utmärkt.

Tja, du kan använda den nya blockredigeraren när den är i rätt skick.

Underbar! Så vi bekantade oss med den underbara möjligheten att automatiskt infoga fältet "Titelattribut".

Utnyttja och spara din tid.

Jag blir glad över att se dina frågor och kommentarer

Jag önskar er framgång
Med vänliga hälsningar, Vladimir Shishkov

Visar posthuvudet förberett för användning i html-attribut märka.

Funktionen måste användas i en WordPress Loop.

Funktionen är identisk med funktionen _title(), den enda skillnaden är att den här funktionen "rensar" titeln på HTML-taggar och ändrar HTML-entiteterna (< , >, " , ") till deras HTML-motsvarigheter. Till exempel skylten< будет заменен на < . К заголовку применяются функции-фильтры: esc_attr() и strip_tags()

Denna funktion kan också acceptera parametrar i form av en sträng: "before=

&efter=

"

✈ 1 gång = 0,005307s = Så långsam| 50 000 gånger = 2,55s = snabb| PHP 7.1.2, WP 4.7.3

Det finns inga krokar.

Returnerar

null/sträng. null när resultatet skrivs ut på skärmen (echo=true). Rubrik när resultatet returneras (eko=true).

Användande

$args (matris/sträng)

Parametrar som en array eller sträng. Du kan skicka följande parametrar:

innan (linje)
Text/HTML-kod ska placeras före rubriken.
Standard: ""

efter (linje)
Text/HTML-kod ska placeras efter titeln.
Standard: ""

eko (logisk)
Skriv ut till skärm (sant) eller returnera för vidare bearbetning (falskt).
Standard: sant

• posta (nummer/objekt)
  ID eller föremål för posten.
  Standard: aktuell post

Standard: ""

Exempel

#1. Ett exempel på användning av en funktion i title-attributet för en tagg .

Eftersom detta attribut inte är tillåtet att använda html-taggar citat och andra saker, då kan vi inte använda funktionen_title() där. Istället använder vi_title_attribute() :

" title=""Permalänk till: ", "efter" => "")); ?>">

Titelattributkoden: wp-includes/post-template.php VER 5.1.1

"", "after" => "", "echo" => sant, "post" => get_post(),); $r = wp_parse_args($args, $defaults); $title = get_the_title($r["post"]); if (strlen($titel) == 0) (retur; ) $titel = $r["före"] . $titel . $r["efter"]; $title = esc_attr(strip_tags($title)); if ($r["echo"]) ( echo $title; ) else ( return $title; ) )

För inte så länge sedan ställde en av våra läsare en fråga: finns det något sätt att lägga till ett titelattribut till WordPress-menyn? Det här attributet visar ytterligare information om länken i form av ett textverktygstips som visas när du håller muspekaren. I den här artikeln kommer vi att visa dig hur du lägger till ett titelattribut till en WordPress-meny.

Varför behövs titel i menyn?

title är ett HTML-attribut som kan ställas in för alla element. Men oftast används det i länkar och bilder.

Det här attributet visar ytterligare information om länken eller bilden:

Webbläsare visar vanligtvis titeln på musen över muspekaren. Detta gör att användare kan se vart länken leder.

Vissa SEO:are anser att HTML title-attributet är värdelöst, medan andra anser att detta attribut är extremt användbart för SEO eftersom det tillåter dig att tillhandahålla mer innehåll.

WordPress-utvecklare tog bort title-attributet från fönstret Lägg till länk i version 4.2. Medan vi är inne på ämnet, låt oss lära oss hur man lägger till en titel till WordPress-menyn.

Lägga till ett titelattribut till WordPress-navigeringsmenyelement

Gå till Utseende=> Menyer ( Utseende=>Meny) och gå till fliken Skärmalternativ ( Skärminställningar), som finns i det övre högra hörnet:

En meny öppnas där där du måste kontrollera " titelattribut».

Bläddra sedan på sidan och klicka på valfritt menyalternativ för att öppna det. I den kommer du att se ett fält för titelattributet:

Du kommer nu att kunna lägga till vilken text som helst till WordPress title-attributet för alla navigeringsmenyalternativ. Glöm inte att klicka på "Spara"-knappen för att inte förlora dina ändringar.

Med hjälp av jQuery kan du anpassa detta attribut genom att lägga till olika hovringseffekter. Vi hoppas att den här artikeln hjälpte dig att förstå hur du ställer in title-attributet i WordPress-menyn.

Översättning av artikeln " Hur man lägger till titelattribut i WordPress-navigeringsmenyer» förbereddes av det vänliga projektteamet

Bra dålig

Det obligatoriska alt-attributet anger alternativ text som ska visas i de fall bilden inte kan visas på grund av en långsam anslutning...

Ikoner är en viktig del av all design. Många ikoner är allmänt erkända. Till exempel utnämningen av toaletter i flygplatsterminaler. Trots allt, även utan att kunna språket...

Idag tar bilder en ganska stor plats bland allt webbinnehåll. Det är dock inte alla användare som optimerar dem för bättre rankning av hela webbplatsen som helhet. WordPress, bland dess andra funktioner, tillhandahåller praktiska verktyg för att lägga till alternativ text och bildrubriker till lämpliga taggar. I detta material kommer vi att titta på skillnaden mellan attribut alt/titel och områden för deras tillämpning.

Varför behöver vi alt-attributet i bilder?

Alternativ text eller altär HTML-attribut lagts till i bildinfogningstaggen . Denna text kommer att visas om bilden av en eller annan anledning inte laddas och visas på sidan. Detta drag ger information till sökrobotar om exakt vad som visas på bilden. Vanligtvis i taggen alt skriv en kort beskrivning av bilden. Dessutom tjänar attributet också till att förbättra webbplatsens tillgänglighet för personer med nedsatt syn eller för dem som använder skärmläsare. Läsarprogrammet läser textdelen av sidan och när det når bilden läser det även texten som finns i alt. Tack vare detta kommer användarna alltid att veta vad som är ritat på bilden, även om de inte kan se det.

Hur och var fyller man i alt i WordPress?

WordPress tillhandahåller ganska bekväma verktyg för att fylla i attributet alt. Så du kan ange det redan när bilden laddas. För att göra detta, öppna ett inlägg eller sida, sätt in markören där bilden infogades och klicka på knappen Lägg till mediafil.

När du trycker på knappen öppnas ett fönster Mediebibliotek WordPress, där du måste ange den lokala platsen för bildfilen. Som ett resultat kommer du att se ett sidofält med parametrarna för den nedladdade filen.

Som du kan se finns det ett fält på panelen alt attribut. Som standard är den tom. Texten i attributet måste vara 2-3 ord lång, och de måste beskriva exakt vad som finns på bilden. För att infoga en bild på webbplatsen, klicka på knappen Sätt in i inlägget.

Varför behöver vi title-attributet i bilder?

Titel- ett annat attribut HTML-bildinsättningstagg . Den används för bildens titel och anger vanligtvis dess titel. Observera också att texten inuti titel kommer inte att visas för användaren om bilden inte visas på sidan.

Hur och var fyller man i rubriken i WordPress?

Attributet fylls i efter att bilden har laddats upp till webbplatsen. För att göra detta i Media bibliotek WordPress bör markera bilden och det välbekanta sidofältet visas.

Titel eller så måste titeln ställas in på ett meningsfullt sätt beroende på informationen som presenteras i bilden. Samtidigt måste texten skilja sig från attributet alt. Titeln kan skrivas på ryska eller användas translitteration. Ganska ofta använder webbplatsägare det till SEO-optimering genom att ange sökord där. Du kan också ställa in attributet när du är på inläggs- eller sidredigeringssidan. För att göra detta måste du klicka på bilden och i det extra verktygsfältet som visas klickar du på redigeringsknappen med bilden av en penna. I allmänhet, för att optimera en webbplats, rekommenderas det att använda båda attributen för bilder. Attribut alt har en fördel - det hjälper sökmotorer att hitta bilder på din webbplats och visa dem i bildsökresultat. Samtidigt får sajten ytterligare trafik från sökmotorer. En annan fördel med båda attributen är förbättrad webbplatstillgänglighet för personer med särskilda behov.