{"id":37267,"date":"2025-03-24T07:00:00","date_gmt":"2025-03-24T14:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=37267"},"modified":"2025-03-24T12:49:32","modified_gmt":"2025-03-24T19:49:32","slug":"alt-text-wordpress-integrating-cloudinary-image-optimization","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization","title":{"rendered":"Adding Alt Text in WordPress and Integrating Cloudinary for Image Optimization"},"content":{"rendered":"\n<p>When you\u2019re building a WordPress site \u2014 whether it\u2019s a personal blog, documentation hub, or a business page \u2014 optimizing your images makes all the difference in a great user experience, site performance, and accessibility. One of the most critical components of image accessibility is the alt attribute (often called \u201calt text\u201d), which describes an image so that screen readers and search engines can better understand your content. But descriptive alt text is only part of the equation: you also need optimized, fast-loading images.<\/p>\n\n\n\n<p>That\u2019s where <a href=\"https:\/\/cloudinary.com\/\">Cloudinary<\/a> steps in. By integrating Cloudinary into your WordPress project, you can transform, optimize, and deliver images at scale \u2014 all while retaining the alt text that ensures inclusivity and SEO benefits.<\/p>\n\n\n\n<p>In this guide, we\u2019ll walk through a step-by-step process of:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Explaining what alt text is and why it matters.<\/li>\n\n\n\n<li>Demonstrating how to add alt text in WordPress (both manually and via theme templates).<\/li>\n\n\n\n<li>Setting up the official Cloudinary plugin to serve images from a robust CDN.<\/li>\n\n\n\n<li>Testing our integration to confirm that alt text remains intact while images are optimized.<\/li>\n\n\n\n<li>Sharing best practices for combining alt text, accessibility, and performance.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Prerequisites<\/h2>\n\n\n\n<p>Before following along, you\u2019ll want to have:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>A WordPress site already running (<a href=\"https:\/\/localwp.com\/connect-to-wp-engine\/\">Local by WP Engine<\/a> is a free WP server you can use for this guide).<\/li>\n\n\n\n<li>A free <a href=\"https:\/\/cloudinary.com\/users\/register_free\">Cloudinary account<\/a>.<\/li>\n\n\n\n<li>Administrator access to your WordPress site (so you can install and configure plugins).<\/li>\n\n\n\n<li>Basic knowledge of what alt text is, and a general sense of WordPress theme structures or how to insert images into posts.<\/li>\n\n\n\n<li>Some images ready to be uploaded (or you can use stock images to test).<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Key Setup Steps<\/h2>\n\n\n\n<p>Below is a high-level view of the structure we\u2019ll be working with. Your WordPress installation might look like this (in a typical folder scenario):<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1742844746\/blog-Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization-1.png\" alt=\"high-level view of the structure\"\/><\/figure>\n\n\n\n<p>Our main tasks include ensuring alt text is properly set in the Media Library, installing and configuring the Cloudinary plugin, and verifying that WordPress retains alt text when serving images from Cloudinary. Let\u2019s dive in.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Alt Text and Why It Matters<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">What is Alt Text?<\/h3>\n\n\n\n<p>Alt text is short for alternative text, an attribute used in HTML <code>&lt;img><\/code> tags to describe what an image represents. For example:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-wrap-lines\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span> <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"path-to-your-image.jpg\"<\/span> <span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"Golden retriever puppy playing with a tennis ball\"<\/span> \/&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>This text is important for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Accessibility.<\/strong> Screen readers rely on alt text to describe images to visually impaired users.<\/li>\n\n\n\n<li><strong>SEO.<\/strong> Search engines interpret alt text to understand an image\u2019s context, potentially boosting your visibility.<\/li>\n\n\n\n<li><strong>Fallback.<\/strong> If an image can\u2019t load (due to network issues or a broken link), the alt text appears in its place.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Common Mistakes<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Using alt text like <code>alt=\"\"<\/code> (empty) for images with essential content. This hides important context from screen-reader users.<\/li>\n\n\n\n<li>Repeating irrelevant keywords or stuffing the alt text with SEO terms. This can be detrimental to user experience.<\/li>\n\n\n\n<li>Writing \u201cimage of\u2026\u201d or \u201cpicture of\u2026\u201d repeatedly. Screen readers already identify images, so simply describe what\u2019s in the image.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">2. Add Alt Text in WordPress<\/h2>\n\n\n\n<p>There are two main ways to set alt text in WordPress: through the Media Library interface and through your theme templates or page builders.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Media Library<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In your WordPress dashboard, select <strong>Media > Library<\/strong>.<\/li>\n\n\n\n<li>If you haven\u2019t already, click <strong>Add New<\/strong> to upload.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1742844747\/blog-Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization-2.png\" alt=\"Media Library with picture of a golden retriever puppy chasing a tennis ball in the backyard\"\/><\/figure>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Click an image. You\u2019ll see a field labeled \u201cAlt Text\u201d.<\/li>\n<\/ol>\n\n\n\n<p>For a puppy image, a good alt text might be: \u201cA golden retriever puppy chasing a tennis ball in the backyard\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1742844747\/blog-Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization-3.png\" alt=\"Media Library with the alt text updated to &quot;A golden retriever puppy chasing a tennis ball in the backyard&quot;\"\/><\/figure>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>WordPress will now associate this alt text with the image.<\/li>\n<\/ol>\n\n\n\n<p>Whenever you add that image to a post or page, WordPress typically includes the specified alt text in the <code>&lt;img><\/code> tag, unless a theme overrides it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Theme Templates (Optional)<\/h3>\n\n\n\n<p>If you need to manually ensure alt text is pulled in theme files, you can use this snippet in, say, a <code>single.php<\/code> or a custom template:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-wrap-lines\"><span class=\"php\"><span class=\"hljs-meta\">&lt;?php<\/span>\u00a0\n\n\u00a0\u00a0$attachment_id = get_post_thumbnail_id(get_the_ID());\n\n\u00a0\u00a0$alt_text = get_post_meta($attachment_id, <span class=\"hljs-string\">'_wp_attachment_image_alt'<\/span>, <span class=\"hljs-keyword\">true<\/span>);\n\n\u00a0\u00a0$image_src = wp_get_attachment_image_src($attachment_id, <span class=\"hljs-string\">'large'<\/span>);\n\n<span class=\"hljs-meta\">?&gt;<\/span><\/span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span>\u00a0\n\n\u00a0\u00a0<span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"&lt;?php echo esc_url($image_src&#91;0]); ?&gt;\"<\/span>\n\n\u00a0\u00a0<span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"&lt;?php echo esc_attr($alt_text); ?&gt;\"<\/span>\n\n\u00a0\u00a0<span class=\"hljs-attr\">loading<\/span>=<span class=\"hljs-string\">\"lazy\"<\/span>\n\n\/&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>In many cases, your theme will automatically do something similar. But if you notice missing alt text, double-check that this logic is included.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Install and Configure the Cloudinary Plugin<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Why Use Cloudinary?<\/h3>\n\n\n\n<p>When images are stored in your WordPress uploads folder and loaded without optimization, your site can suffer from slower load times \u2014 especially on pages with many large images. Cloudinary solves this by:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Delivering images through a global CDN, reducing latency.<\/li>\n\n\n\n<li>Transforming images on the fly (such as resizing, cropping, format conversion to WebP or AVIF), making them lighter and faster.<\/li>\n\n\n\n<li>Automating responsive images, ensuring visitors on different devices get appropriately sized media.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Install the Plugin<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Plugins<\/strong> > <strong>Add New<\/strong> in your dashboard.<\/li>\n\n\n\n<li>Search for \u201cCloudinary\u201d and confirm it\u2019s the official one.<\/li>\n\n\n\n<li>Click <strong>Install<\/strong> and <strong>Activate<\/strong> once the plugin is downloaded.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1742844746\/blog-Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization-4.png\" alt=\"wordpress plugins: Cloudinary, Auto Cloudinary, and Featured Image from URL (FIFU)\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Connect Your Cloudinary Account<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in to <a href=\"https:\/\/cloudinary.com\/\">Cloudinary<\/a> to find your cloud name, API key, and API secret.<\/li>\n\n\n\n<li>Once activated, the plugin starts a setup wizard. Enter your credentials here or follow the plugin\u2019s instructions.<\/li>\n\n\n\n<li>You can choose to have all existing images synced or only newly uploaded ones.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1742844747\/blog-Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization-5.png\" alt=\"Cloudinary plugin appears on the left-side navigation panel\"\/><\/figure>\n\n\n\n<p>If everything goes smoothly, your images in WordPress will now start serving from a URL like <code>https:\/\/res.cloudinary.com\/&lt;your-cloud-name>\/...<\/code> rather than the default <code>\/wp-content\/uploads\/....<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. Test the Integration<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Confirm Images Load From Cloudinary<\/h3>\n\n\n\n<p>Go to any post or page with images. Open the browser\u2019s <strong>Developer Tools<\/strong> (Network tab) and look for the image requests:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You should see requests going to <code>res.cloudinary.com<\/code>.<\/li>\n\n\n\n<li>If they\u2019re still going to <code>\/wp-content\/uploads\/<\/code>, check that your plugin\u2019s settings are enabled.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1742844747\/blog-Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization-6.png\" alt=\"Browser's developer tools (network tab) -- request URL highlighted\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Verify Alt Text is Intact<\/h3>\n\n\n\n<p>Hover or inspect the <code>&lt;img><\/code> elements:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-wrap-lines\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">img<\/span>\u00a0\n\n\u00a0\u00a0<span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">\"https:\/\/res.cloudinary.com\/your-cloud-name\/...\/puppy.jpg\"<\/span>\u00a0\n\n\u00a0\u00a0<span class=\"hljs-attr\">alt<\/span>=<span class=\"hljs-string\">\"A golden retriever puppy chasing a tennis ball in the backyard\"<\/span>\n\n\/&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/cloudinary-marketing-res.cloudinary.com\/image\/upload\/v1742844748\/blog-Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization-7.png\" alt=\"<img decoding=\"async\"&gt; elements show the correct alt text: &quot;A golden retriever puppy chasing a tennis ball in the backyard&quot;\"\/><\/figure>\n\n\n\n<p>If your alt text is not showing up as expected, revisit the WordPress Media Library or your template to ensure the alt text is properly set.<\/p>\n\n\n\n<p>The Cloudinary plugin typically does not override your alt text. It only modifies the src and sometimes srcset attributes to deliver optimized images.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add a Sample Post<\/h3>\n\n\n\n<p>To test thoroughly:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Posts<\/strong> > <strong>Add New<\/strong>.<\/li>\n\n\n\n<li>Choose the <strong>Media<\/strong> block (if using Gutenberg).<\/li>\n\n\n\n<li>Pick an image from the library. Ideally, one you set alt text for.<\/li>\n\n\n\n<li>On the frontend, open your browser\u2019s dev tools again to confirm everything is served from Cloudinary with the correct alt text.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">5. Best Practices: Accessibility, SEO, and Performance<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Accessibility Guidelines<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Use descriptive alt text.<\/strong> Instead of \u201cimage1\u201d or \u201cpuppy,\u201d describe the image in context: \u201cGolden retriever puppy playing with a tennis ball on lush green grass\u201d.<\/li>\n\n\n\n<li><strong>Avoid keyword stuffing.<\/strong> Focus on clarity and accuracy. If your post is about pet training, referencing it naturally in the alt text can help SEO, but forcing keywords is counterproductive.<\/li>\n\n\n\n<li><strong>Decorative images.<\/strong> If an image is purely decorative, use <code>alt=\"\"<\/code> to let screen readers skip it.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">SEO Considerations<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Relevant file names.<\/strong> Even though WordPress can rename or store them in various folders, naming your local file something like <code>golden-retriever-puppy.jpg<\/code> can provide minor SEO benefits.<\/li>\n\n\n\n<li><strong>Caption and title.<\/strong> In addition to alt text, WordPress also has fields for captions and image titles. Captions appear in the post, while the title is mostly internal. Use them wisely to add more context.<\/li>\n\n\n\n<li><strong>Structured data (optional).<\/strong> For advanced SEO, you could wrap images with schema markup. This is more involved, but some SEO plugins offer built-in ways to do it.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Performance Gains<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Lazy loading.<\/strong> By default, modern versions of WordPress enable <code>loading=\"lazy\"<\/code> on images. If not, you can manually add it.<\/li>\n\n\n\n<li><strong>Next-gen formats.<\/strong> Cloudinary can deliver images in WebP or AVIF format automatically if the visitor\u2019s browser supports it.<\/li>\n\n\n\n<li><strong>Dimension specifications.<\/strong> Always set width and height or use WordPress\u2019s srcset features to avoid layout shifts (which Google measures as part of Core Web Vitals).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Test Your Accessibility Setup<\/h2>\n\n\n\n<p>One of the best ways to confirm that your alt text is providing a good experience is to run accessibility checks.<\/p>\n\n\n\n<p>First, run your content through a screen reader test. You can use a free tool like NVDA (Windows) or VoiceOver (Mac) to listen to your site. Make sure the alt text is read aloud properly and is contextually relevant.<\/p>\n\n\n\n<p>An online validator tool like WAVE or Lighthouse in Chrome DevTools can also alert you if any images are missing alt attributes. Then, disable your images temporarily with a browser extension or a text-only browser like Lynx so you can see how your site appears without images. This is exactly how visually impaired users might perceive it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>When you follow these steps, you\u2019ll wind up with a WordPress site that balances performance, accessibility, and SEO best practices \u2014 without needing to juggle separate workflows for your images.<\/p>\n\n\n\n<p>As always, I\u2019m excited to see what you build! If you run into any issues, consider checking out <a href=\"https:\/\/cloudinary.com\/documentation\/wordpress_integration\">Documentation<\/a>. And if you\u2019re ready to learn more about how Cloudinary\u2019s optimization and delivery can help you enhance site performance and accessibility, <a href=\"https:\/\/cloudinary.com\/contact\">contact Cloudinary today<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you\u2019re building a WordPress site \u2014 whether it\u2019s a personal blog, documentation hub, or a business page \u2014 optimizing your images makes all the difference in a great user experience, site performance, and accessibility. One of the most critical components of image accessibility is the alt attribute (often called \u201calt text\u201d), which describes an [&hellip;]<\/p>\n","protected":false},"author":87,"featured_media":37268,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[337,134,328],"class_list":["post-37267","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-accessibility","tag-guest-post","tag-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Enhance Site Accessibility With Cloudinary and WordPress<\/title>\n<meta name=\"description\" content=\"Learn how to add alt text in WordPress, and optimize images and improve site performance with Cloudinary.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding Alt Text in WordPress and Integrating Cloudinary for Image Optimization\" \/>\n<meta property=\"og:description\" content=\"Learn how to add alt text in WordPress, and optimize images and improve site performance with Cloudinary.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-24T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-24T19:49:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1742596398\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization-jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"melindapham\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization\"},\"author\":{\"name\":\"melindapham\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9\"},\"headline\":\"Adding Alt Text in WordPress and Integrating Cloudinary for Image Optimization\",\"datePublished\":\"2025-03-24T14:00:00+00:00\",\"dateModified\":\"2025-03-24T19:49:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization\"},\"wordCount\":1432,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1742596398\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization.jpg?_i=AA\",\"keywords\":[\"Accessibility\",\"Guest Post\",\"WordPress\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization\",\"url\":\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization\",\"name\":\"Enhance Site Accessibility With Cloudinary and WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1742596398\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization.jpg?_i=AA\",\"datePublished\":\"2025-03-24T14:00:00+00:00\",\"dateModified\":\"2025-03-24T19:49:32+00:00\",\"description\":\"Learn how to add alt text in WordPress, and optimize images and improve site performance with Cloudinary.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1742596398\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1742596398\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization.jpg?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding Alt Text in WordPress and Integrating Cloudinary for Image Optimization\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9\",\"name\":\"melindapham\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g\",\"caption\":\"melindapham\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Enhance Site Accessibility With Cloudinary and WordPress","description":"Learn how to add alt text in WordPress, and optimize images and improve site performance with Cloudinary.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization","og_locale":"en_US","og_type":"article","og_title":"Adding Alt Text in WordPress and Integrating Cloudinary for Image Optimization","og_description":"Learn how to add alt text in WordPress, and optimize images and improve site performance with Cloudinary.","og_url":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization","og_site_name":"Cloudinary Blog","article_published_time":"2025-03-24T14:00:00+00:00","article_modified_time":"2025-03-24T19:49:32+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1742596398\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization-jpg?_i=AA","type":"image\/jpeg"}],"author":"melindapham","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization"},"author":{"name":"melindapham","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9"},"headline":"Adding Alt Text in WordPress and Integrating Cloudinary for Image Optimization","datePublished":"2025-03-24T14:00:00+00:00","dateModified":"2025-03-24T19:49:32+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization"},"wordCount":1432,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1742596398\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization.jpg?_i=AA","keywords":["Accessibility","Guest Post","WordPress"],"inLanguage":"en-US","copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization","url":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization","name":"Enhance Site Accessibility With Cloudinary and WordPress","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1742596398\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization.jpg?_i=AA","datePublished":"2025-03-24T14:00:00+00:00","dateModified":"2025-03-24T19:49:32+00:00","description":"Learn how to add alt text in WordPress, and optimize images and improve site performance with Cloudinary.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1742596398\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1742596398\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization.jpg?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/alt-text-wordpress-integrating-cloudinary-image-optimization#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Adding Alt Text in WordPress and Integrating Cloudinary for Image Optimization"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/0d5ad601e4c3b5be89245dfb14be42d9","name":"melindapham","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e6f989fa97fe94be61596259d8629c3df65aec4c7da5c0000f90d810f313d4f4?s=96&d=mm&r=g","caption":"melindapham"}}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1742596398\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization\/Blog_Adding_Alt_Text_in_WordPress_and_Integrating_Cloudinary_for_Image_Optimization.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/37267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/87"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=37267"}],"version-history":[{"count":8,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/37267\/revisions"}],"predecessor-version":[{"id":37277,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/37267\/revisions\/37277"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/37268"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=37267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=37267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=37267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}